下面小编就为大家带来一篇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方式跨域获取数据的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱安网。

最新资讯
互联网婚恋网站十五年:生于自由选择,终于选择自由

互联网婚恋网站十五年

当婚恋本身已成为一个需要思考的问题时,互联网婚恋网站
当抖音让你审美疲劳 记录生活难道是一场善意的骗局?

当抖音让你审美疲劳

平淡无奇的日常值得记录吗?很难回答。但优质短视频创作
法国夺冠,华帝其实也能省7900万

法国夺冠,华帝其实也能

在这次世界杯球场外商家们的借势营销大战中,华帝无疑是
苹果在印度遭遇滑铁卢 但仍做着最后的倔强

苹果在印度遭遇滑铁卢

国产手机厂商正在攻占印度消费级市场,而苹果在印度逐渐
苹果印度3高管离职 上半年销量不足100万台

苹果印度3高管离职 上

苹果首席执行官蒂姆·库克一向对印度市场评价乐观,但iP
送餐费上涨,骑手坦言为几块钱与生命赛跑

送餐费上涨,骑手坦言为

离不开外卖的人们,从外面看这个圈子总是充满好奇。那么
最新文章
如何解决Ajax的content-download时间过慢问题

如何解决Ajax的conten

这篇文章主要介绍了Ajax的content-download时间过慢问
简单实现ajax获取跨域数据

简单实现ajax获取跨域

这篇文章主要为大家详细介绍了如何简单实现ajax获取跨
Echarts教程之通过Ajax实现动态加载折线图的方法

Echarts教程之通过Aja

这篇文章主要介绍了Echarts教程之通过Ajax实现动态加
利用ajax提交form表单到数据库详解(无刷新)

利用ajax提交form表单

这篇文章主要给大家介绍了关于利用ajax提交form表单到
ajax动态赋值echarts的实例(饼图和柱形图)

ajax动态赋值echarts

下面小编就为大家分享一篇ajax动态赋值echarts的实例(
纯javascript的ajax实现php异步提交表单的简单实例

纯javascript的ajax实

下面小编就为大家带来一篇纯javascript的ajax实现php