$(function () {
// 按钮的点击事件
$('#btn').click(function () {
使用jquery封装的jsonp (虽然使用的ajax方法,但是底层的原理和ajax不一样)
$.ajax({
// type: 'get' -->jsonp中type属性值只能是get,默认也是get,因为他本质是通过script标签的src属性拼接所传的参数
url: "http://hq.com/myJson3.php",
dataType: "jsonp", //数据类型必须指定为jsonp
data: {"name": "何庆", "age": 21}, //参数 //默认带有如下参数:?callback=jQuery112402269868132810866_1557388553434&_=1557388553435
jsonp: 'cb', // jsonp属性的作用就是自定义参数名字(callback=abc 这里的名字指的是等号前面的键,后端根据这个键获取方法名,jquery的默认参数名称是callback)
jsonpCallback:'abc',//这个属性的作用就是自定义回调函数的名字(callback=abc ,这里的名字指的是等号后面的值,jquery的默认参数值是一串随机数字)
-----jsonp的值需要跟后端约定
success: function (data) { // data接收的是服务器返回的调用函数中的实参
console.log('success');
console.log(data);
},
// 发生错误时调用的方法
// 如果我们在服务端没有返回函数的调用,例如服务端这样写 echo '123',那么执行的会是error方法,不执行success方法,所以要切记
error: function (data) {
console.log('error');
console.log(data);
}
});
});
});
网友评论