主页 > 知识库 > Ajax的jsonp方式跨域获取数据的简单实例

Ajax的jsonp方式跨域获取数据的简单实例

热门标签:腾讯地图标注位置能用多久 机器人电销骗局揭秘 个人怎样在百度地图标注地名 硅语电话机器人公司 超级大富翁地图标注 越南河内地图标注 云呼外拨网络电话系统 ai机器人电销资源 地图标注项目怎么样

jsonp的调用,今天碰到了,正好整理了一下。

!DOCTYPE html>
html>
head>
	script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js">/script>
 script type="text/javascript">
	$(document).ready(function(){
	 $("#b01").click(function(){
	 	$.ajax({//danielinbiti.txt文件内容:getAInfo(["input type='text' value='1222'/>"])
    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);
		  });
	 });
	});
/script>
/head>
body>

div id="myDiv">h2>通过 AJAX 改变文本/h2>/div>
button id="b01" type="button">改变内容01/button>
button id="b02" type="button">改变内容02getJSON/button>

/body>
/html>

以上这篇Ajax的jsonp方式跨域获取数据的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • jQuery使用JSONP实现跨域获取数据的三种方法详解
  • 通过jsonp获取json数据实现AJAX跨域请求
  • JavaScript用JSONP跨域请求数据实例详解
  • 基于Jquery的跨域传输数据(JSONP)
  • AJAX跨域请求之JSONP获取JSON数据
  • 使用jsonp实现跨域获取数据实例讲解
  • AngularJS实现的JSONP跨域访问数据传输功能详解
  • jsonp跨域请求数据实现手机号码查询实例分析
  • AJAX跨域请求JSONP获取JSON数据的实例代码
  • jsonp跨域获取数据的基础教程

标签:郑州 辽源 内蒙古 海南 洛阳 林芝 邢台 舟山

巨人网络通讯声明:本文标题《Ajax的jsonp方式跨域获取数据的简单实例》,本文关键词  Ajax,的,jsonp,方式,跨域,获取,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《Ajax的jsonp方式跨域获取数据的简单实例》相关的同类信息!
  • 本页收集关于Ajax的jsonp方式跨域获取数据的简单实例的相关信息资讯供网民参考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推荐文章