$(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);
}
});
});
});
4-2使用jquery中的jsonp
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
