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

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

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

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

<script type="text/javascript"> 
  document.domain="基础域名"; 
</script>

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

使用語法如下：

//fromPost为要收集数据的form表单的id  
$("#formPost").ajaxSubmit({ 
  url:"跨域的业务处理地址", 
  cache:false, 
  dataType:"html", 
  iframe:true, 
  success:function (data){ 
 //返回如果是json可以这样处理一下，xml格式需要做其它的处理
 eval("data="+data); 
   if(data.flag == 'OK'){ 
   }
});

3.跨域的業務處理的回傳值中必需包含以下語句

<script type="text/javascript">
  document.domain="基础域名";
</script>

4.剩下的傳回值可以是json ,xml格式或其它自訂的格式，只要客戶端能夠解析出想要結果就可以

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

說明:

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

2.document.domain="基礎域名"; //這句話是為了使域名相同，解除跨域的限制，詳見：《js設定document.domain實現跨域的注意點分析》

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

上面是我整理給大家的，希望未來會對大家有幫助。

相關文章：

AJAX提交表單資料實例分析

淺聊Ajax相關性及其優缺點

ajax讀取properties資源檔案資料的方法

以上是ajax跨域(基礎網域相同)表單提交的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！