• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax的jsonp方式跨域获取数据的简单实例

    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技术实现局部刷新商品数量和总价实例代码
    下一篇:ajax基本通用代码示例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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