【jquery-跨域】

jquery-跨域

什么是跨域?
处理跨域的方式
- 1.XHR2
- 2.jsonP

什么是跨域?

跨域，指的是浏览器不能执行其他网站脚本

例子：比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口。

处理跨域的方式

1.XHR2

HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持

只需要在服务端填上响应头：

 let http = require('http')
http.createServer((req,res)=>{/*星号表示所有的域都可以接受，*/res.setHeader('Access-Control-Allow-Origin','*') res.end('success')
}).listen(3000,function(){console.log('serve start...')
})

2.jsonP

ajax本身是不可以跨域的，
通过产生一个script标签来实现跨域。因为script标签的src属性是没有跨域的限制的。
其实设置了dataType: 'jsonp’后，$.ajax方法就和ajax XmlHttpRequest没什么关系了，取而代之的则是JSONP协议。JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问。

ajax的跨域写法：

 <script>$.ajax({url:"http://localhost/php-serve.php",type:"get",/* 必须get *///定义发送jsonp请求dataType:'jsonp',//更改定义的参数名jsonp:'kyFn',//修改callback名称，但是php中也要修改成相对应的函数名//指定jsonp发送的回调函数名(可以任意起名字，无需对应)jsonpCallback:'hyly',success:function(info){console.log(info);}});</script>

注意：jquey是不支持post方式跨域的。

【jquery-跨域】相关推荐

jquery跨域调用wcf
使用jquery跨域调用wcf服务的时候会报如下错误 1 $.ajax({ 2 url: 'http://localhost:28207/Service1.svc/GetData', 3 method ...
Jquery跨域获得Json
这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值, 一般跨域用到的两个方法为:$.ajax 和$.get ...
Jquery跨域请求php数据（jsonp）
Jquery跨域请求php数据我们一般用到ajax的时候是在同服务器下,一般情况下不会跨域,但有时候需要调用其他域名或ip下的数据的时候,遇到跨域请求数据的时候. 今天在工作中碰到javascrip ...
jquery跨域调用webService
jquery跨域调用webService,以及解决跨域情况下只能返回XMl格式数据的问题 http://lu.9efish.com/blog/jquery-cross-domain-call-asp. ...
jquery跨域获取数据以及分页
今天做了一个jquery跨域获取josn数据的功能,同时对获取的数据进行分页.看代码: html 代码: 代码 <! DOCTYPE html PUBLIC " -//W3C//DT ...
jquery ajax跨域asp,jQuery跨域调用Asp.Net Web API
Asp.Net Web API是一个轻量级的Web服务,当Web API和Web程序不是部署在同一域的时候,要使用jQuery来实现调用API的接口就存在跨域的问题.下面介绍两种方式来解决jQuery ...
jquery 跨域没有权限
在使用jquery的ajax进行跨域传值的时候,程序报错: microsoft jscript 运行错误:没有权限并指向jquery中的函数. 后来发现是IE浏览器的安全性设置问题,解决方法如下: ...
jQuery跨域调用Web API
我曾经发表了一篇关于如何开发Web API的博客,链接地址:http://www.cnblogs.com/guwei4037/p/3603818.html.有朋友说开发是会开发了,但不知道怎么调用啊? ...
jQuery跨域，添加自定义头部header
2019独角兽企业重金招聘Python工程师标准>>> 1.前端jQuery代码 $.ajax({crossDomain: true,beforeSend: function(req ...
自定义jQuery 跨域请求 callback 函数名
jQuery的getJSON方法在跨域请求时,只要在请求地址后面跟上callback=?就可以实现非常方便,请求时系统会用自动生成的回调函数名来替换问号. 如果想对请求页面做缓存问题就来了,callb ...