JSONP跨域 ajax请求

原理:

由于浏览器的同源策略不能使用XMLHTTPREQUEST对除本地外的服务器发送请求。

所以使用script标签的src属性发送请求,接收到的JSONP数据以函数名的方式返回。

需要在本地创建服务器返回的函数接收服务器返回的数据。



JS代码:

function jsonpRequest() {    var create_src = document.createElement(‘srcipt‘); #创建script标签    create_src.src = ‘http://www.baidu.com‘;    #给script标签加入src请求地址    document.head.appendChild(create_src);      #把script标签添加到head标签内    document.head.removeChild(create_src);      #把script标签在head标签内删除
}

function f(arg) {    console.log(arg)}

jquery代码:

$.ajax({url:‘http//xxxxx‘,type:‘GET‘ 或 ‘POST‘,dataType:JSONP})

function xxx(arg){  console.log(arg);}

原文地址:https://www.cnblogs.com/louzi/p/9248191.html

时间: 2024-10-08 11:48:31

JSONP跨域 ajax请求的相关文章

跨域AJAX请求的解决方案

同源策略 : http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html 在AJAX应用环境中,由于安全的原因,浏览器不允许XMLHttpRequest组件请求跨域资源.在很多情况下,这个限制给我来带来的诸多不 便.很多同行,研究了各种各样的解决方案: 1. 通过修改document.domain和隐藏的IFrame来实现跨域请求.这种方案可能是最简单的一种跨域请求的方案,但是它同样是一种限制最大的方 案.首先,它只能实现在同一个

jquery跨域Ajax请求

sonp原理: 首先在客户端注册一个callback, 然后把callback的名字传给服务器. 此时,服务器先生成 json 数据.然后以 javascript 语法的方式,生成一个function , function 名字就是传递上来的参数 jsonp. 最后将 json 数据直接以入参的方式,放置到 function 中,这样就生成了一段 js 语法的文档,返回给客户端. 客户端浏览器,解析script标签,并执行返回的 javascript 文档,此时数据作为参数,传入到了客户端预先定

用JQuery的$.getJSON发起跨域Ajax请求

jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下: jQuery.getJSON( url, [data], [callback] )  跨域加载JSON数据.伊川县第二中学 url:     发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据.简单示例: 服务器脚本,返回JSON数据: view source p

跨域AJAX请求

在处理跨域AJAX请求有许多方法.我这里用的是 CORS, CORSFilter CORSFilter是Apache官方提供一个支持CORS跨域的过滤器: 详细说明: http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html 在maven配置文件中导入依赖 <!--CORS--> <dependency> <groupId>com.thetransactioncompany</groupId> &l

前端 - jsonp 跨域ajax

jsonp 跨域ajax原理: 浏览器同源策略限制 如何解决同源策略限制: 方式一: 利用创建script块,在其中执行src属性为 远程url 异域 用函数(返回值) 的形式返回参数 方式二: jquery方式 异域 用函数(返回值) 的形式返回参数 HTML代码 {#html代码开始#} <input type="text" name="k3" value="123"> {#利用script块方式#} <input type

jsonp跨域ajax跨域get方法

原理: 就是利用<script >标签没有跨域限制的,从而达到与第三方网站通讯的目的.当需要通讯时,本站脚本创建一个<script>标签,src地址指向第三方网站的的一个网址.形如: <script src="http://www.abc.com/index.php/?param1=1&callback=fnName"></script> 本站并提供一个回调函数来接收数据(函数名可约定,或通过地址参数传递). 第三方网站产生的响应

chrome实现全浏览器跨域ajax请求

如图,在chrome快捷方式上打开属性栏,在‘目标’栏加上后缀--disable-web-security --user-data-dir.即可实现在此浏览器上所有网页的跨域请求.

jQuery+ASP.NET MVC基于CORS实现带cookie的跨域ajax请求

这是今天遇到的一个实际问题,在这篇随笔中记录一下解决方法. ASP.NET Web API提供了CORS支持,但ASP.NET MVC默认不支持,需要自己动手实现.可以写一个用于实现CORS的ActionFilterAttribute,我们就是这么实现的: public class AllowCorsAttribute : ActionFilterAttribute { private string[] _domains; public AllowCorsAttribute(string dom

C#后台HttpWebRequest模拟跨域Ajax请求,注册Windows服务到服务器上

项目需求,暂且叫A.B公司吧.我们公司需要从A公司哪里读取机器上的数据,放到我们数据库中.然后再将数据库中存的数据,提供一个接口,B公司来调用,大概这个意思. 好了,言归正传.这个是之前做好的界面,用户需要手动点击“开始”,然后写了个定时器,不停的来回调用 部分源码(5秒调用后台处理) 1 function refreshCount() { 2 if (prj.is_port_state_1 == false) { 3 var grid_down = query_panel.grid_down;