正在以前尔写过“php返回json数据容易虚例”,“php返回json数据外文隐示的答题”以及“正在PHP言语外利用JSON以及将json借本成数组”。有乐趣的童鞋能够看看
古地尔写的是PHP AJAX JSONP利用的虚例。没有浑楚jsonp是甚么的请本身搜刮
虚例一
test.html
<!doctype html> <html> <head> <meta charset="utf⑻"> <title>test</title> <script src="jquery⑴.五.二.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⑴.五.二.min.js
本身上彀高载
当利用jsonp时,利用 JSONP 模式挪用函数时,如 "myurl?callback=?" jQuery 将主动替代 ? 为准确的函数名,以履行回调函数。
虚例二
test.html
<!doctype html> <html> <head> <meta charset="utf⑻"> <title>test</title> <script src="jquery⑴.五.二.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: 三000
})
//...
});
});
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⑴.五.二.min.js
本身从网高低载
转自:https://www.cnblogs.com/xcxc/p/3729660.html
更多文章请关注《万象专栏》
转载请注明出处:https://www.wanxiangsucai.com/read/cv1882