html跨域请求，在html文件里解决跨域

今天小编为大家分享生活中的小常识、日常问题解答等相关内容，希望能够帮助大家。

1、跨域：浏览器对javascript同源策略的限制，比如a.cn下的js不能调用b.cn的js、objects或data(因为a.cn和b.cn是不同的域)，所以出现了跨域。

2、上面提到的同域是什么概念？简单解释就是同一个域名，同一个端，同一个协议。

3、同源策略：请求的url地址必须与浏览器上的url地址在同一个域，即域名、端口、协议相同。

4、例如，我的本地域名是study.cn，我想要一个数据的另一个域名。

5、方法一：基于脚本标签的跨域实现。

6、例如，我在study.cn/json/jsonp/jsonp_2.html.下请求了一个远程js文件

7、远程message.js文件是

8、此时我们得到的对应标题是：

9、这样就实现了跨域成功，因为当服务器返回数据时，这个回调参数(message)会作为函数名来包装JSON数据，这样客户端就可以随意自定义自己的函数来自动处理返回的数据。

10、方法二：基于脚本标签的跨域实现。

11、让远程js知道自己应该调用的本地函数的名字，只要动态生成服务器提供的js脚本，这样前台只需要发一个回调参数告诉服务器我需要XXX代码，服务器就会得到对应的。

12、例如，在study.cn/json/jsonp/jsonp_3.html页面上请求3358192 . 168 . 31 . 137/train/test/jsonphone。

13、获得的响应头是：

14、方法三：基于jquery的跨域。

15、那么如何使用jquery来实现我们的跨域呢？Jquery封装了跨域ajax，而且封装的非常好，用起来非常方便。

16、如果是一般的ajax请求：

17、浏览器中将会报告一个错误：

18、jsonp形式的Ajax请求：并通过get请求的方式蹲下传入的参数。注意跨域请求只能是get请求，不能是post请求。

19、参数名称(默认值：callback)由jsonp传递给请求处理程序或页面，以获取jsonp回调函数的名称。jsonp回调定义的jsonp回调函数名默认是jQuery自动生成的随机函数名。

20、查看请求头和相应的头。

21、请求头：jquery会自动带入回调参数，当服务器得到这个参数时，会返回。(响应标题)

22、这就是跨域请求的方法。

本文到此结束，希望对大家有所帮助。

Www.yiLeen.com.CN艺莲園提供生活百科,美食,购物,旅游,房产,交通,家居,数码,科技,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站