[JavaScript知识库]ajax的跨域和请求——详解

什么是Ajax跨域？

Ajax跨域指的是将Ajax请求进行跨域处理，而不是说在Ajax中提供了跨域的方法。同源政策中明确规定Ajax请求只能发给同源的网址，否则就会发生跨域报错。除了设置代理之外页面中有三种常见的解决跨域的手段

跨域的解决方案有哪些
?①设置服务端响应头②设置代理③JSONP

我们主要使用的手段就是JSONP方式，JSONP之所以能够用来解决跨域方案,主要是因为 <script> 脚本拥有跨域能力,而JSONP正是利用这一点来实现。

代码：function addScriptTag(src) {
? var script = document.createElement('script');
? script.setAttribute("type","text/javascript");
? script.src = src;
? document.body.appendChild(script);
}

window.onload = function () {
? addScriptTag('http://example.com/ip?callback=foo');
}

function foo(data) {
? console.log('response data: ' + JSON.stringify(data));
}; ? ? ? ? ? ? ? ? ?

Ajax请求中GET和POST的区别

1.GET和POST对参数的数据类型的要求不同，GET只接受ASCII字符，而POST没有限制。

2.GET产生的URL地址可以被书签标记下来，而POST不可以。

3.GET请求会被浏览器主动cache，而POST不会，除非手动设置。

4.GET请求只能进行url编码，而POST支持多种编码方式。

5.GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。

6.GET请求在URL中传送的参数是有长度限制的，而POST是没有长度限制的。

7。GET在浏览器回退时是无害的，而POST会再次提交请求。

8.GET参数通过URL传递，POST放在Request body（请求体）中。

9.POST比GET更安全，因为GET参数直接暴露在URL上，所以不能用来传递敏感信息。而POST相对安全，但是只是相对，因为只要稍微会一点技术的，还是可以在浏览器控制台的NETWORK里面找到参数。