如何使用AJAX檢索PHP數據？

-2

嗨，我是AJAX的新手，並且已經避免了相當長的一段時間。我目前正在使用jQuery插件，我需要使用AJAX來交流使用哪些數據（來自PHP）。如何使用AJAX檢索PHP數據？

這裏是我使用jQuery代碼：

$("#fancybox-manual-c").click(function() { 
    $.fancybox.open([{ 
     href: '1_b.jpg', 
     title: 'My title' 
    }, { 
     href: '2_b.jpg', 
     title: '2nd title' 
    }, { 
     href: '3_b.jpg' 
    }], { 
     helpers: { 
      thumbs: { 
       width: 75, 
       height: 50 
      } 
     } 
    }); 
});

如何使用AJAX來檢索PHP數據輸入href和稱號。任何信息或教程將不勝感激！

謝謝！

來源

2012-07-11 Jamie

爲ajax()文檔演示了幾個例子，這裏是另一個基本一個：

的JavaScript

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    dataType:'json', 
    data: { name: "John", location: "Boston" } 
}).done(function(msg) { 
    if (msg.err == true) { 
    alert('Error: '+msg.msg); 
    return; 
    } 
    alert("A winner is: '+msg.name); 
});

PHP

<?php 

     $response = array(
      'err'=>false, 
      'msg'=>'' 
     ); 
     $name = isset($_POST['name']) ? $_POST['name'] : false; 
     $location= isset($_POST['location']) ? $_POST['location'] : false; 

     if (!$name) { 
      $response['err'] = true; 
      $response['msg'] = 'Invalid name'; 
      die(json_encode($response)); 
     } 

     $response['name'] = $name; 
     if ($location) 
      $response['name'] .= ' from '.$location; 
     die(json_encode($response)); 
?>

正如你已經注意到，大多數開發商互相鼓勵，先檢查文件確實谷歌查詢「阿賈克斯教程」本來是非常有成果的！ :)

文檔

jQuery.ajax() - http://api.jquery.com/jQuery.ajax/
PHP json_encode - http://php.net/manual/en/function.json-encode.php
更多AJAX教程 - http://www.tizag.com/ajaxTutorial/
AJAX解釋 - http://www.zdnet.com/blog/service-oriented/ajax-explained/8473

來源

2012-07-11 18:39:27

是否有可能將數據放入一個數組，並允許阿賈克斯把它並將其放置在JavaScript？ – Jamie 2012-07-11 18:44:18

@Jamie - 是的，這就是'json_encode'的功能。請仔細考慮示例代碼，並查看這些文檔頁面！ :) – 2012-07-11 18:45:35

我和昨天的情況完全相同。網上有很多很好的Ajax教程，但沒有一個可以提供最基本的例子。這是我所學的東西。

請確保您有在同一文件夾這個HTML文件的jquery.js。我命名我的test.php。

這個文件使得一個非常簡單的POST Ajax調用文件的script.php，它也被稱爲發送與testCheck真值一個變量。數據返回後，回調函數會運行它，並用AJAX給出的響應填充名爲#test的DIV。

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<style> 
#test { 
width: 200px; 
height: 200px; 
background: gray; 
} 
</style> 
</head> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#test").click(function() { 
    $.post("script.php", {testCheck: true}, function(data) { 
     $('#test').html(data); 
    });  
}); 
}); 
</script> 

<body> 
    <div id="test">TEST DIV</div> 
</body> 
</html>

這裏是具有在PHP邏輯script.php的文件。如果你把這兩個文件和jquery.js文件一起放到同一個目錄下並在Apache服務器上運行，它應該可以正常工作。

<?php 


$testCheck = $_POST['testCheck']; 

if($testCheck) 
{ 
    echo "It is true!"; 
} 
else 
{ 
    echo "It is false!"; 
} 

?>

來源

2012-07-11 18:55:56 korono89

如何使用AJAX檢索PHP數據？

回答

相關問題