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

最新资讯
彭蕾为辅 陆奇为佐

彭蕾为辅 陆奇为佐

彭蕾的台词适合彭蕾,但不适合相当多的其他人。
苹果或曾计划发布金色款iPhone X

苹果或曾计划发布金色

据该文件送审的时间推测,苹果本来计划在去年九月份发布
从什么时候起,你玩游戏开始考虑时间成本了?

从什么时候起,你玩游戏

于是,虽然现在游戏已经是消费成本最低的娱乐之一,但玩游
印度创企Milkbasket,靠什么在杂货电商领域脱颖而出

印度创企Milkbasket,靠

当你打开冰箱发现第二天需要喝的牛奶已经没有了或者你
中美贸易战升级,对哪国CPI影响更大?

中美贸易战升级,对哪国

就通胀影响而言,特朗普挑起的中美贸易战如果全面开打,真
美团买摩拜买的是什么?

美团买摩拜买的是什么

美团买的是街头的自行车吗?
最新文章
利用ajax提交form表单到数据库详解(无刷新)

利用ajax提交form表单

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

ajax动态赋值echarts

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

纯javascript的ajax实

下面小编就为大家带来一篇纯javascript的ajax实现php
深入浅析Jsonp解决ajax跨域问题

深入浅析Jsonp解决aja

这篇文章主要介绍了深入浅析Jsonp解决ajax跨域问题的
Ajax跨域问题的解决办法汇总(推荐)

Ajax跨域问题的解决办

本文给大家分享多种方法解决Ajax跨域问题,非常不错具有
完美解决ajax访问遇到Session失效的问题

完美解决ajax访问遇到

下面小编就为大家带来一篇完美解决ajax访问遇到Sessio