javascript - jquery中的$.post()為什么不能跨域提交數(shù)據(jù)呢?
問題描述
如題,為什么jquery中封裝的ajax方法,使用jsonp可以get方式提交數(shù)據(jù),但是直接用post的方式,跨域后就無法提交,其根本原因是什么呢?
問題解答
回答1: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的域名(或者*)
回答2:跨域一般分兩種:
jsonp 跨域。 jsonp 本來就是使用 get 文件的方法繞過跨域檢查,所以不支持post。也有第三方庫用get來模擬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ù)端配置,答主可以去找一下第三方的庫,看看能否用jsonp模擬 post 請(qǐng)求。
回答3:注意,不是jquery不支持,而是瀏覽器在沒有允許跨域的頭的時(shí)候,就把響應(yīng)攔截掉了,然后給你了個(gè)錯(cuò)誤。jquery在接收到這個(gè)錯(cuò)誤之后,就會(huì)給你報(bào)跨域的錯(cuò)誤。你可以抓個(gè)包看看(注意不要用瀏覽器的f12抓包),其實(shí)服務(wù)端的響應(yīng)都在的。
相關(guān)文章:
1. javascript - js setTimeout在雙重for循環(huán)中如何使用?2. 老師,請(qǐng)問我打開browsersync出現(xiàn)這個(gè)問題怎么解決啊?3. javascript - js 萬物皆對(duì)象的問題4. node.js - JavaScript的一個(gè)不能理解的地方5. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境6. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效7. javascript - js 修改表格元素的,可以用DOM操作實(shí)現(xiàn)嗎?8. android - 類似這樣的recyclerview滑動(dòng)效果9. javascript - js一個(gè)call和apply的問題?10. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內(nèi)容?
