Jsonp post 跨域方案
近期在項(xiàng)目中遇到這樣一問題，關(guān)于jsonp跨域問題，get傳值是可以的，但post傳值死活不行啊，于是網(wǎng)上看了一大堆關(guān)于這方面的資料，最終問題得以解決，今天抽空與大家分享下。
說明：
http://www.t1.com/index.php 服務(wù)端URL
當(dāng)然這是我本地配置的，需要改為自己對(duì)應(yīng)的地址。
客戶端代碼：
<script>
$(function(){
var url = 'http://www.t1.com/index.php';
$.ajax({
type: 'post',
url: url,
data: {name:'wangyulu'},
dataType: 'jsonp',
success:function(result){
console.log(result);
}
});
});
</script>
服務(wù)端代碼：
<?php
if($_POST){
$arr = array('name'=>$_POST['name'], 'age'=>23);
echo json_encode($arr);
}
瀏覽器運(yùn)行如下圖：
看下運(yùn)行結(jié)果，即使設(shè)置傳送方式為 post，Jquery也會(huì)自動(dòng)轉(zhuǎn)為 get，難道Jsonp真的不支持 post 方式提交嗎，繼續(xù)折騰...
折騰到現(xiàn)在最終在 stackoverflow 里找到一些關(guān)于這方面的資料，看來老外也遇到這樣問題呀，地址貼給大家
http://stackoverflow.com/questions/3860111/how-to-make-a-jsonp-post-request-that-specifies-contenttype-with-jquery
關(guān)鍵點(diǎn)如下圖：
看上圖我們發(fā)現(xiàn)，箭頭標(biāo)記處有變化，先不管這么多了，折騰這么久了，先對(duì)應(yīng)放到程序里再說嘛，萬一可以呢
客戶端更改：
添加：crossDomain: true
修改：dataType: "json"
服務(wù)端添加：
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Max-Age: 1000');
運(yùn)行結(jié)果如下圖：
到這里我們發(fā)現(xiàn)問題終于解決了，但我們?cè)敿?xì)觀察發(fā)現(xiàn)，請(qǐng)求時(shí)間那是個(gè)漫長(zhǎng)啊，，，看來老外也沒個(gè)效率高的解決方案，
最后，我想說的是，要想完美支持POST方式的JSONP真心不好辦啊，咱就到這吧，折騰不少時(shí)間了。
以上內(nèi)容可能會(huì)關(guān)聯(lián)到其它技術(shù)點(diǎn)，有興趣自己可去研究哈，這里主要解決 Jsonp ，寫的不好，大家請(qǐng)勿吐槽，謝謝！
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
JavaScript反轉(zhuǎn)數(shù)組常用的4種方法
這篇文章主要給大家介紹了關(guān)于JavaScript反轉(zhuǎn)數(shù)組常用的4種方法,反轉(zhuǎn)數(shù)組可以將數(shù)組中的元素順序顛倒過來,從而達(dá)到一些特定的需求,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
js正則格式化日期時(shí)間自動(dòng)補(bǔ)0的兩種解法
在javascript開發(fā)中,我們會(huì)遇到日期時(shí)間格式化的問題,下面這篇文章主要給大家介紹了關(guān)于js正則格式化日期時(shí)間自動(dòng)補(bǔ)0的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-10-10
在html和xml文件中，往往會(huì)因?yàn)橐韵绿厥庾址鴮?dǎo)致文件解析出錯(cuò)，一般通過以下函數(shù)來處理。2009-04-04
javascript調(diào)試過程中找不到哪里出錯(cuò)的可能原因
本文為大家講解下在寫javascript時(shí)找不到哪里出錯(cuò)的可能原因，遇到的朋友可以參考下2013-12-12
如何在一段文字里點(diǎn)一下就可以在里面插入一段文字？
如何在一段文字里點(diǎn)一下就可以在里面插入一段文字？...2007-01-01
html向js方法傳遞參數(shù)具體實(shí)現(xiàn)
html如何向js方法傳遞參數(shù)，在本文將為大家詳細(xì)介紹下html注冊(cè)事件向引用方法中的傳參問題，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
這幾天一直在看js動(dòng)畫，今天又get到了一個(gè)輪播圖，使用純js實(shí)現(xiàn)的，但是外觀樣式不是很好看，如果大家有需要可以美化下，具體實(shí)現(xiàn)代碼還是很完整的，大家可以參考下2017-02-02
現(xiàn)在純粹用js的人越來越少了，更多的人喜歡jquery，可使我還是喜歡javascript，下面給出一個(gè)用javascript寫的背景切換的小例子，各位大蝦不要罵，只是寫給自己看的，也供js事件的產(chǎn)考依據(jù)。2010-11-11
這篇文章主要介紹了JavaScript網(wǎng)格中的最小路徑講解，所有路徑經(jīng)過的單元格的?值之和?加上?所有移動(dòng)的?代價(jià)之和?。從?第一行?任意單元格出發(fā)，返回到達(dá)?最后一行?任意單元格的最小路徑代價(jià)2022-06-06
js 為label標(biāo)簽和div標(biāo)簽賦值的方法
這篇文章介紹了js 為label標(biāo)簽和div標(biāo)簽賦值的方法，有需要的朋友可以參考一下2013-08-08