从外部获取ajax jsonp数据,Ajax使用jsonp方式跨域获取数据详解(附代码)

  • Post author:
  • Post category:其他


这次给大家带来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中文网其它相关文章!

推荐阅读: