网易考拉：表单可以跨域吗 （一面）

[acodercc]

这是一个示例模板，请大家遵照这个issue的格式来提交面试题（直接使用issue的面试题模板即可生成以下格式）

To：
https://github.com/acodercc

面试公司：
网易考拉

面试环节：
一面

问题：
表单可以跨域吗

[acodercc]

答案：

form表单是可以跨域的。

浏览器遵从同源策略，限制ajax跨域的原因在于ajax网络请求是可以携带cookie的（通过设置withCredentials为true），比如用户打开了浏览器，登录了weibo.com，然后又打开了百度首页，这时候百度首页内的js，向weibo.com用withCredentials为true的ajax方式提交一个post请求，是会携带浏览器和weibo.com之间的cookie的，所以浏览器就默认禁止了ajax跨域，服务端必须设置CORS才可以。

而form提交是不会携带cookie的，你也没办法设置一个hidden的表单项，然后通过js拿到其他domain的cookie，因为cookie是基于域的，无法访问其他域的cookie，所以浏览器认为form提交到某个域，是无法利用浏览器和这个域之间建立的cookie和cookie中的session的，故而，浏览器没有限制表单提交的跨域问题。

解答思路：
面试官应该不是只想问form表单能否跨域，而是想要考量我是否理解浏览器为什么禁止ajax跨域，又为什么允许form表单来跨域。

进而涉及到，浏览器为什么禁止跨域，如果不禁止跨域会有什么问题，等一系列的问题。

所以回答时，要说清楚form表单为什么允许跨域，浏览器如果不遵守同源策略也允许ajax跨域，会具体造成什么问题。