Jsonp post 跨域方案
近期在項目中遇到這樣一問題，關(guān)于jsonp跨域問題，get傳值是可以的，但post傳值死活不行啊，于是網(wǎng)上看了一大堆關(guān)于這方面的資料，最終問題得以解決，今天抽空與大家分享下。
說明：
http://www.t1.com/index.php 服務(wù)端URL
當(dāng)然這是我本地配置的，需要改為自己對應(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也會自動轉(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)鍵點如下圖：
看上圖我們發(fā)現(xiàn)，箭頭標(biāo)記處有變化，先不管這么多了，折騰這么久了，先對應(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)問題終于解決了，但我們詳細(xì)觀察發(fā)現(xiàn)，請求時間那是個漫長啊，，，看來老外也沒個效率高的解決方案，
最后，我想說的是，要想完美支持POST方式的JSONP真心不好辦啊，咱就到這吧，折騰不少時間了。
以上內(nèi)容可能會關(guān)聯(lián)到其它技術(shù)點，有興趣自己可去研究哈，這里主要解決 Jsonp ，寫的不好，大家請勿吐槽，謝謝！
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
Weex開發(fā)之WEEX-EROS開發(fā)踩坑(小結(jié))
這篇文章主要介紹了Weex開發(fā)之WEEX-EROS開發(fā)踩坑(小結(jié))，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
處理HTML DOM文檔存在一個難題是，JavaScript可以在DOM完全加載之前執(zhí)行，這會給你的代碼引發(fā)不少的潛在問題;針對這個問題，本文給予適當(dāng)?shù)慕鉀Q方法，僅供參考2012-11-11
jquery插件jquery.confirm彈出確認(rèn)消息
這篇文章介紹了插件jquery.confirm彈出確認(rèn)消息的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了JavaScript閉包函數(shù)訪問外部變量的方法,本文使用匿名函數(shù)來實現(xiàn)在閉包中訪問外部變量,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了JavaScript模擬數(shù)組合并concat的相關(guān)資料,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了正則表達(dá)式基本語法及表單驗證操作,較為詳細(xì)的分析了正則表達(dá)式的基本語法以及基于JS實現(xiàn)的表單正則驗證操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
javascript+css3 實現(xiàn)動態(tài)按鈕菜單特效
這篇文章主要介紹了javascript+css3 實現(xiàn)動態(tài)按鈕菜單特效的相關(guān)資料,需要的朋友可以參考下2016-02-02
一段js代碼遇到一個bug，由于中間的隱式全局變量造成的，通過谷歌瀏覽器的js調(diào)試器才找到問題所在，下面將代碼與大家分享下2014-04-04
在純靜態(tài)網(wǎng)站里，有時候會動態(tài)更新某個區(qū)域往會選擇?Pjax（swup、barba.js）去處理。本文主要和大家分享下Pjax下載動態(tài)加載插件方案，感興趣的可以了解一下2022-09-09
幻宇的層模擬窗口效果－提供演示和下載...2007-01-01