本文實例講述了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è)計有所幫助。
您可能感興趣的文章:- Javascript 基礎(chǔ)---Ajax入門必看
- 使用jQuery處理AJAX請求的基礎(chǔ)學(xué)習(xí)教程
- Jquery ajax基礎(chǔ)教程
- 零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡介和基礎(chǔ)
- JQuery的ajax基礎(chǔ)上的超強GridView展示
- ajax 入門基礎(chǔ)之 XMLHttpRequest對象總結(jié)
- Ajax+PHP簡單基礎(chǔ)入門實例教程
- AJAX技術(shù)基礎(chǔ)介紹
- Ajax.基礎(chǔ)教程 電子書版 提供下載
- Ajax基礎(chǔ)知識詳解
