問(wèn)題描述

如題，為什么jquery中封裝的ajax方法，使用jsonp可以get方式提交數(shù)據(jù)，但是直接用post的方式，跨域后就無(wú)法提交，其根本原因是什么呢？

問(wèn)題解答

jquery自身的功能是不支持的，但是你可以基于jquery實(shí)現(xiàn)跨域post。

jquery本身只支持jsonp跨域，但是jsonp的原理限制了只能支持get。

如果想要實(shí)現(xiàn)原生jquery跨域，在你的請(qǐng)求地址的head里面加上Access-Control-Allow-Origin，值設(shè)置成調(diào)用該API的域名（或者*）

跨域一般分兩種：

jsonp 跨域。 jsonp 本來(lái)就是使用 get 文件的方法繞過(guò)跨域檢查，所以不支持post。也有第三方庫(kù)用get來(lái)模擬post請(qǐng)求。

COR 跨域。 COR 跨域需要修改服務(wù)端 Access-Control-Allow-Origin 響應(yīng)。 一般客戶端會(huì)發(fā)送兩次 post 請(qǐng)求，第一次類型為 option，服務(wù)端響應(yīng)允許后，第二次發(fā)送真正的帶數(shù)據(jù)的請(qǐng)求。如果答主條件許可，盡量使用第二種跨域方法吧，可以直接支持 post。

如果無(wú)法修改服務(wù)端配置，答主可以去找一下第三方的庫(kù)，看看能否用jsonp模擬 post 請(qǐng)求。

注意，不是jquery不支持，而是瀏覽器在沒(méi)有允許跨域的頭的時(shí)候，就把響應(yīng)攔截掉了，然后給你了個(gè)錯(cuò)誤。jquery在接收到這個(gè)錯(cuò)誤之后，就會(huì)給你報(bào)跨域的錯(cuò)誤。你可以抓個(gè)包看看（注意不要用瀏覽器的f12抓包），其實(shí)服務(wù)端的響應(yīng)都在的。