网站建设资讯

NEWS

网站建设资讯

Ajax中怎么利用jsonp方式跨域获取数据

这期内容当中小编将会给大家带来有关Ajax中怎么利用jsonp方式跨域获取数据,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联是一家专业提供房县企业网站建设,专注与网站制作、网站建设、H5高端网站建设、小程序制作等业务。10年已为房县众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。




	
 
	$(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) {
      $("#myDiv").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){
		   $("#myDiv").html(result);
		  });
	 });
	});




通过 AJAX 改变文本

改变内容01 改变内容02getJSON

上述就是小编为大家分享的Ajax中怎么利用jsonp方式跨域获取数据了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


当前标题:Ajax中怎么利用jsonp方式跨域获取数据
分享网址:http://cdweb.net/article/gecegg.html

其他资讯