ajax跨域(基礎(chǔ)域名相同)表單提交的方法

更新時間：2015年05月21日 11:59:20 作者：yaoyuan_difang

這篇文章主要介紹了ajax跨域(基礎(chǔ)域名相同)表單提交的方法,實例分析了Ajax提交過程中表單跨域提交的技巧,需要的朋友可以參考下

本文實例講述了ajax跨域(基礎(chǔ)域名相同)表單提交的方法。分享給大家供大家參考。具體如下：

1.要在做ajax提交的頁面中添加如下js語句：

<script type="text/javascript"> 
  document.domain="基礎(chǔ)域名"; 
</script>

2.ajax表單提交表單時可以使用一個jquery的一個表單插件jquery.form.js

使用語法如下：

//fromPost為要收集數(shù)據(jù)的form表單的id  
$("#formPost").ajaxSubmit({ 
  url:"跨域的業(yè)務(wù)處理地址", 
  cache:false, 
  dataType:"html", 
  iframe:true, 
  success:function (data){ 
 //返回如果是json可以這樣處理一下，xml格式需要做其它的處理
 eval("data="+data); 
   if(data.flag == 'OK'){ 
   }
});

3.跨域的業(yè)務(wù)處理的返回值中必需含有以下語句

<script type="text/javascript">
  document.domain="基礎(chǔ)域名";
</script>

4.剩下的返回值可以是json,xml格式或其它自定義的格式，只要客戶端能夠解析出想要結(jié)果就可以

5.這樣在做ajax提交的頁面中就可以取到表單跨域提交后的返回值了，取到返回值后就可以接著做其它的處理了

說明:

1.基礎(chǔ)域名：兩個及兩個以上域名的公有部分，公有部分至少要包含二級域名或二級域名之上的部分

2.document.domain="基礎(chǔ)域名"; //這句話是為了使域名相同，解除跨域的限制，詳見：《js設(shè)置document.domain實現(xiàn)跨域的注意點分析》

3.關(guān)于跨域提交還有很多其它的解決辦法，如：《js同源策略詳解》

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

ajax
跨域

相關(guān)文章

Ajax級聯(lián)菜單實例代碼
本篇文章主要是對Ajax級聯(lián)菜單的實例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
Ajax初試之讀取數(shù)據(jù)篇實現(xiàn)代碼
上次我們講了ajax開始準(zhǔn)備篇，做好了基本的ajax準(zhǔn)備工作以后．我們開始牛刀小試一下：ajax初試之讀取數(shù)據(jù)篇．
2010-10-10
ajax簡介_動力節(jié)點Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了ajax基礎(chǔ)知識點，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
JQuery中Ajax的Post提交在IE下中文亂碼的解決方法
在JQuery的Ajax POST請求中，進(jìn)行請求，其中的中文在后臺，顯示為亂碼，在FF/Chrome中，可以正常傳遞中文，但是在IE下，則存在問題
2014-05-05
Ajax簡單的異步交互及Ajax原生編寫
一提到異步交互大家就會說ajax,仿佛ajax這個技術(shù)已經(jīng)成為了異步交互的代名詞.那下面將研究ajax的核心對象
2016-01-01
如何手寫Ajax實現(xiàn)異步刷新
這篇文章主要教大家如何手寫Ajax實現(xiàn)異步刷新，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
ajax實現(xiàn)登錄功能
本文主要介紹了ajax實現(xiàn)登錄功能的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
簡單實體類和xml文件的相互轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄唵螌嶓w類和xml文件的相互轉(zhuǎn)換方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法
在做一個需要用到echarts地圖的項目的時候，成功通過ajax獲取到了后臺提供的數(shù)據(jù)，并生成了想要的JSON串。但是，放到echarts option.series[0].data里，獲取不到數(shù)據(jù)。在生成的地圖上無法看到你從后臺獲取到的值，下面小編給大家分享我的解決辦法，需要的朋友參考下
2016-01-01
IE9下Ajax無法刷新數(shù)據(jù)的緩存問題解決方法
使用jQuery的getJSON從后臺定時獲取數(shù)據(jù)并刷新界面，在IE9下卻無法刷新數(shù)據(jù)，原因就是緩存的問題，下面是解決方法
2014-09-09