jquery跨域Ajax请求

sonp原理：
首先在客户端注册一个callback, 然后把callback的名字传给服务器。

此时，服务器先生成 json 数据。
然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp.

最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。

客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的 callback 函数里.（动态执行回调函数）

一、

function getSiteData(idSite, lastMinutes,index) {
$.ajax({
cache: false,
type: "get",
url: "http://baidu.com/index.php?module=API&method=Live.getCounters&format=JSON&token_auth=5450d4c72203c278e6ff67cd40bdd9ac&idSite=" + idSite + "&lastMinutes=" + lastMinutes + "&jsoncallback=?",
dataType: "jsonp",
success: function (data) {
$("#readvisits" + index).text(data[0].visits);
$("#readvisitors" + index).text(data[0].visitors);
}
})
}

二、

转载于:https://www.cnblogs.com/xiaoweizi/p/3831806.html

jquery跨域Ajax请求相关推荐

iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...
SpringMvc 3.x跨域+ajax请求
一.Cors,实现Js跨域访问Tomcat下资源(步骤如下) web.xml配置 <filter> <filter-name>CorsFilter</filter-nam ...
html form提交增加请求头,怎么给jquery跨域post请求添加头部信息？
跨域,的整序大作站对近从体的家为宽应近从体的家服务器已开放请求接口,用$post可以成功,但是无法添加header信息,用$ajax的话会把post信息换成OPTIONS发送请求,data跟heade ...
ajax跨域请求.json文件,使用JSONP对JSON文件进行跨域Ajax请求
小编典典您的服务必须返回jsonp,这基本上是javascript代码.您需要从ajax请求中为服务提供回调函数,然后返回的是函数调用. 下面是一个工作示例. ajax请求: $.ajax({ cr ...
Ajax跨域post请求后端无法获取登录态原因及解决办法
遇到个小坑,印象中不是第一次遇到了,记录一下:前后端分离时前端.后端不在同一个子域,跨域post请求后端无法获取登录态. 原因后端通过cookie验证用户是否登录,跨域post不会自动携带上cook ...
Jquery跨域请求php数据（jsonp）
Jquery跨域请求php数据我们一般用到ajax的时候是在同服务器下,一般情况下不会跨域,但有时候需要调用其他域名或ip下的数据的时候,遇到跨域请求数据的时候. 今天在工作中碰到javascrip ...
AJAX 跨域调用和 Java 跨域发送请求
AJAX 跨域调用前台代码: Html代码 <script type="text/javascript" src="jquery-1.7.2.min.js&q ...
jquery跨域调用wcf
使用jquery跨域调用wcf服务的时候会报如下错误 1 $.ajax({ 2 url: 'http://localhost:28207/Service1.svc/GetData', 3 method ...
跨域post请求实现方案小结--转
[名词解释] 跨域:https://developer.mozilla.org/en-US/docs/JavaScript/Same_origin_policy_for_JavaScript 同源策略 ...

jquery跨域Ajax请求

jquery跨域Ajax请求相关推荐

最新文章

热门文章