AJAX复习笔记（二） 跨域时达到类似AJAX请求的解决方案

跨域：

跨域指的是从一个域名的网页请求另一个域名的资源。

同源：当协议、域名、端口都一样时才是同源。

AJAX请求在进行跨域访问时，可能会因为同源策略导致无法访问。

 

以下是解决方案：

 

在后端设置响应头：

response.setHeader("Access-Control-Allow-Origin", "http://localhost:8080"); // 允许某个
response.setHeader("Access-Control-Allow-Origin", "*"); // 允许所有

　　

JSONP：

因为<script type="text/javascript" src="url" ></script>这种访问是可以跨域的，并且url可以是普通的servlet，和普通的GET请求效果一样。

所以可以利用这个机制完成类似AJAX的跨域访问局部更新。

 

jQuery中有封装好的jsonp：

$.ajax({
    type : "GET",
    url : "跨域的url",
    dataType : "jsonp", // 指定数据类型
    jsonp : "fun", // 指定参数名（不设置的时候，默认是："callback"）
    jsonpCallback : "sayHello" // 指定回调函数的名字
							   // （不设置的时候，jQuery会自动生成一个随机的回调函数，
    						   //并且这个回调函数还会自动调用success的回调函数。）
})

　　

代理机制：

使用httpclient组件，可以发送http请求，和浏览器进行的操作是一样的。

在普通的servlet中使用该组件，可以拿到跨域目标服务器的数据，然后返回给前端。

 

nginx反向代理：

待学习