这次给大家带来Ajax使用jsonp方式跨域获取数据详解(附代码),Ajax使用jsonp方式跨域获取数据的注意事项有哪些,下面就是实战案例,一起来看一下。
jsonp的调用,今天碰到了,正好整理了一下。
$(document).ready(function(){
$(“#b01”).click(function(){
$.ajax({//danielinbiti.txt文件内容:getAInfo([“”])
url: ‘http://192.168.12.21:8080/systemr/danielinbiti.txt’,
dataType: ‘jsonp’,//跨域设置jsonp
processData: false,
jsonpCallback:’getAInfo’,//与文件中的getAInfo对应
type: ‘get’,
success: function(data) {
$(“#myp”).html(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(‘error’);
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});
});
$(“#b02”).click(function(){// 需要在后台根据request获取callback,然后才callback(需要返回的json内容)的方式返回,getJSON是ajax的简化,只支持json格式
$.getJSON(“http://192.168.12.21:8080/systemr/b.do?jsoncallback=?”,function(result){
$(“#myp”).html(result);
});
});
});
通过 AJAX 改变文本
改变内容01
改变内容02getJSON
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读: