在之前我寫過“php返回json數據簡單實例”,“php返回json數據中文顯示的問題”和“在PHP語言中使用JSON和將json還原成數組”。有興趣的童鞋可以看看
今天我寫的是PHP AJAX JSONP使用的實例。不清楚jsonp是什么的請自己搜索
實例1
test.html
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> <script src="jquery-1.5.2.min.js"></script> <script src="ajax.js"></script> </head> <body> </body> </html>
ajax.js
$.ajax({
type : "post",
url : "ajax.php",
dataType : "jsonp",
jsonp: "callback",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調函數名的參數名(默認為:callback)
jsonpCallback:"success_jsonpCallback",//自定義的jsonp回調函數名稱,默認為jQuery自動生成的隨機函數名
success : function(json){
alert('success');
},
error:function(){
alert('fail');
}
});
ajax.php
<?php
$data = ".......";
$callback = $_GET['callback'];
echo $callback.'('.json_encode($data).')';
exit;
?>
jquery-1.5.2.min.js
自己上網下載
當使用jsonp時,使用 JSONP 形式調用函數時,如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名,以執行回調函數。
實例2
test.html
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> <script src="jquery-1.5.2.min.js"></script> <script src="ajax.js"></script> </head> <body> <form name="form"> <input type="text" name="sex"> <input type="text" name="age"> <input type="button" id="btn" value="button" /> </form> </body> </html>
ajax.js
$(document).ready(function(){
$("#btn").click(function(k) {
//...
var j = $("form").serializeArray();//序列化name/value
$.ajax({
type: 'GET', //這里用GET
url: 'ajax.php',
dataType: 'jsonp', //類型
data: j,
jsonp: 'callback', //jsonp回調參數,必需
async: false,
success: function(result) {//返回的json數據
alert(result.message); //回調輸出
result = result || {};
if (result.msg=='err'){
alert(result.info);
}else if (result.msg=="ok"){
alert('提交成功');
}else{
alert('提交失敗');
}
},
timeout: 3000
})
//...
});
});
ajax.php
<?php
$callback = isset($_GET['callback']) ? trim($_GET['callback']) : ''; //jsonp回調參數,必需
$date = array("age"=>$_GET['age'], "message"=>$_GET['age']);
$date["msg"]="err";
$date["info"]="因人品問題,發送失敗";
$tmp= json_encode($date); //json 數據
echo $callback . '(' . $tmp .')'; //返回格式,必需
?>
jquery-1.5.2.min.js
自己從網上下載
