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方式跨域获取数据的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍AJAX跨域请求之JSONP获取JSON数据，包括了AJAX跨域请求之JSONP获取JSON数据的使用技巧和注意事项，需要的朋友参考一下 Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLH
-
本文向大家介绍通过jsonp获取json数据实现AJAX跨域请求，包括了通过jsonp获取json数据实现AJAX跨域请求的使用技巧和注意事项，需要的朋友参考一下 AJAX（异步的 JavaScript 和 XML）是用于创建快速动态网页的一种技术，它在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页，ajax 使用XMLHttpRequest对象在后台与服务器交换数据，XMLHttpR
-
本文向大家介绍jsonp跨域获取数据的基础教程，包括了jsonp跨域获取数据的基础教程的使用技巧和注意事项，需要的朋友参考一下 前言 由于浏览器有同源策略，所以要想获取非同源（协议，域名，端口三者有一不同都算非同源）的页面的数据，就得进行跨域 (1) jsonp原理 由于script标签的src属性可以访问非同源的js脚本，所以通过src属性访问服务器会返回函数的js代码，而我们想要的数据就作为函
-
本文向大家介绍jQuery使用JSONP实现跨域获取数据的三种方法详解，包括了jQuery使用JSONP实现跨域获取数据的三种方法详解的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考，具体如下： 第一种方法是在ajax函数中设置dataType为'jsonp' 第二种方法是利用getJSON来实现，只要在地址中加上c
-
本文向大家介绍AJAX实现跨域的三种方法（代理,JSONP,XHR2），包括了AJAX实现跨域的三种方法（代理,JSONP,XHR2）的使用技巧和注意事项，需要的朋友参考一下 域： 域是WIN2K网络系统的安全性边界。我们知道一个计算机网最基本的单元就是“域”，这一点不是WIN2K所独有的，但活动目录可以贯穿一个或多个域。在独立的计算机上，域即指计算机本身，一个域可以分布在多个物理位置上，同时一个
-
我理解的JSONP的方式就是，通过JS代码，动态创建一个Script标签，通过标签的src的网址里面包含一个JSONP属性，后端接收到后返回一个url中jsonp=参数，这样一个参数(包含一个json)，通过执行这个参数命名的函数来实现跨域。 以下是JS中的代码 var util = {}; /*[function 在页面注入脚本]*/ util.createScript = function(u