ajax跨域(基礎(chǔ)域名相同)表單提交的方法
本文實例講述了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è)計有所幫助。
相關(guān)文章
通達(dá)OA 使用Ajax和工作流插件實現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(圖文詳解)
這篇文章主要介紹了通達(dá)OA 使用Ajax和工作流插件實現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(圖文詳解),需要的朋友可以參考下2016-12-12零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架
本文是零基礎(chǔ)學(xué)習(xí)AJAX系列教程的第二篇,我們介紹點不一樣的知識,學(xué)習(xí)下ajaxLib和ajaxGold兩款框架,方便我們更好的理解ajax.2015-01-01Ajax獲取回調(diào)函數(shù)無法賦值給全局變量的問題
這篇文章主要介紹了Ajax獲取回調(diào)函數(shù)無法賦值給全局變量的問題,需要的朋友可以參考下2018-06-06基于Ajax的formData圖片和數(shù)據(jù)上傳
這篇文章主要為大家詳細(xì)介紹了基于Ajax的formData圖片和數(shù)據(jù)上傳相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05