ajax跨域(基礎(chǔ)域名相同)表單提交的方法
本文實(shí)例講述了ajax跨域(基礎(chǔ)域名相同)表單提交的方法。分享給大家供大家參考。具體如下:
1.要在做ajax提交的頁(yè)面中添加如下js語(yǔ)句:
<script type="text/javascript"> document.domain="基礎(chǔ)域名"; </script>
2.ajax表單提交表單時(shí)可以使用一個(gè)jquery的一個(gè)表單插件jquery.form.js
使用語(yǔ)法如下:
//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ù)處理的返回值中必需含有以下語(yǔ)句
<script type="text/javascript"> document.domain="基礎(chǔ)域名"; </script>
4.剩下的返回值可以是json,xml格式或其它自定義的格式,只要客戶端能夠解析出想要結(jié)果就可以
5.這樣在做ajax提交的頁(yè)面中就可以取到表單跨域提交后的返回值了,取到返回值后就可以接著做其它的處理了
說(shuō)明:
1.基礎(chǔ)域名:兩個(gè)及兩個(gè)以上域名的公有部分,公有部分至少要包含二級(jí)域名或二級(jí)域名之上的部分
2.document.domain="基礎(chǔ)域名"; //這句話是為了使域名相同,解除跨域的限制,詳見(jiàn):《js設(shè)置document.domain實(shí)現(xiàn)跨域的注意點(diǎn)分析》
3.關(guān)于跨域提交還有很多其它的解決辦法,如:《js同源策略詳解》
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- Javascript 基礎(chǔ)---Ajax入門必看
- 使用jQuery處理AJAX請(qǐng)求的基礎(chǔ)學(xué)習(xí)教程
- Jquery ajax基礎(chǔ)教程
- 零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡(jiǎn)介和基礎(chǔ)
- JQuery的ajax基礎(chǔ)上的超強(qiáng)GridView展示
- ajax 入門基礎(chǔ)之 XMLHttpRequest對(duì)象總結(jié)
- Ajax+PHP簡(jiǎn)單基礎(chǔ)入門實(shí)例教程
- AJAX技術(shù)基礎(chǔ)介紹
- Ajax.基礎(chǔ)教程 電子書版 提供下載
- Ajax基礎(chǔ)知識(shí)詳解
相關(guān)文章
通達(dá)OA 使用Ajax和工作流插件實(shí)現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(hào)(圖文詳解)
這篇文章主要介紹了通達(dá)OA 使用Ajax和工作流插件實(shí)現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(hào)(圖文詳解),需要的朋友可以參考下2016-12-12零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架
本文是零基礎(chǔ)學(xué)習(xí)AJAX系列教程的第二篇,我們介紹點(diǎn)不一樣的知識(shí),學(xué)習(xí)下ajaxLib和ajaxGold兩款框架,方便我們更好的理解ajax.2015-01-01Ajax獲取回調(diào)函數(shù)無(wú)法賦值給全局變量的問(wèn)題
這篇文章主要介紹了Ajax獲取回調(diào)函數(shù)無(wú)法賦值給全局變量的問(wèn)題,需要的朋友可以參考下2018-06-06基于Ajax的formData圖片和數(shù)據(jù)上傳
這篇文章主要為大家詳細(xì)介紹了基于Ajax的formData圖片和數(shù)據(jù)上傳相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05