1.使用post提交方式
2.構造表單的數格式
3.結合form表單的submit呼叫ajax的**函式。
**:使用 jquery 非同步提交表單
<
html
xmlns
="">
<
head
>
<
title
>
無標題頁
title
>
head
>
<
script
src="js/jquery-1.4.2.js"
>
script
>
<
script
>
jquery(
function
($)
});return
false
;});
});script
>
<
body
>
<
form
id="f1"
name
="f1"
>
<
input
name
="a1"
/>
<
input
name
="a2"
/>
<
input
id="file1"
type
="file"
name
="file1"
/>
<
input
id="submit1"
type
="submit"
value
="submit"
/>
form
>
body
>
html
>
如何非同步跨域提交表單呢?
1.利用script 的跨域訪問特性,結合form表單的資料格式化,所以只能採用get方式提交,為了安全,瀏覽器是不支援post跨域提交的。
2.採用jsonp跨域提交表單是比較好的解決方案。
3.也可以動態程式做一**。用**中轉跨域請求。
**:使用 jquery 非同步跨域提交表單
<
html
xmlns
="">
<
head
>
<
title
>
無標題頁
title
>
head
>
<
script
src="js/jquery-1.4.2.js"
>
script
>
<
script
>
jquery(
function
($)
);return
false
;});
});script
>
<
body
>
<
form
id="f1"
name
="f1"
>
<
input
name
="a1"
/>
<
input
name
="a2"
/>
<
input
id="file1"
type
="file"
name
="file1"
/>
<
input
id="submit1"
type
="submit"
value
="submit"
/>
form
>
body
>
html
>
補充:方法1不能實現跨越提交。
注意:輸出json格式
字元必須用引號包住,數字可以不加引號。如:
非同步跨域提交form表單
為題描述 產品需求是分兩步上傳檔案和提交頁面使用者輸入的資料 第一步,利用form上傳檔案和一部分資料,第二步,上傳檔案成功得到後端伺服器返回的檔案id,再一次連同檔案id和頁面其他資訊一同提交後台 也就是先上傳乙個檔案,然後再利用檔案id繫結到具體的 使用者 上 首先form應該這樣寫 再建立乙個...
Jquery實現非同步提交表單,解決多表單提交的問題
使用者資訊更新部分,同時提交多個表單 submitall on click function 這樣做的結果是,瀏覽器將提交小的表單先提交了,然後跳轉重新整理頁面。當然,這個問題不符合業務邏輯所以,使用ajaxsubmit來非同步提交表單,目的就是為了讓表單調教之後不function submitco...
ajax非同步提交表單。
ajax非同步提交表單有幾種方法。1,不利用表單,通過拼接字串data 進行提交資料。此方法如果想 需要借助html5 filereader 把轉換成base64字串通過隱藏域傳值。這樣有把base64字串傳到後台,base64字串中的 會在提交的時候被轉義。可以吧base64字串進行加密再解密 2...