js非同步提交form表單的解決方案

2021-06-26 06:35:40 字數 455 閱讀 1744

1.定義非同步提交表單的方法 (通用方法)

/**

* 非同步提交form表單

* @param options

*@注意 後台接收引數要解碼否則中文會導致亂碼 如:urldecoder.decode(param,"utf-8")

* @應用場景 需要用在form 的 onsubmit事件當中,並且確保方法最後恆久返回false

* @return 必須返回false 用於阻止表單重新整理提交

* */

function ajaxsubmitform(options));

return false; //阻止表單的預設提交事件

};

2.應用場景案例:

非同步跨域提交form表單

為題描述 產品需求是分兩步上傳檔案和提交頁面使用者輸入的資料 第一步,利用form上傳檔案和一部分資料,第二步,上傳檔案成功得到後端伺服器返回的檔案id,再一次連同檔案id和頁面其他資訊一同提交後台 也就是先上傳乙個檔案,然後再利用檔案id繫結到具體的 使用者 上 首先form應該這樣寫 再建立乙個...

Form表單提交與ajax非同步提交的區別與聯絡

區別 form表單提交 一般都會進行頁面跳轉 ajax非同步提交 可以不進行頁面跳轉 form表單提交 forms 用form表單的action和method來確定提交到的位址和提交的方式 點選確認按鈕會觸發form表單的提交事件,資料傳輸到後端,然後由servlet後台控制頁面跳轉以及資料傳遞。a...

js阻止form表單重複提交

防止表單重複提交的方法總體來說有兩種,一種是在js中阻止重複提交 另一種是在後台利用token令牌實現,大致思路是生成乙個隨機碼放到session和form表單的隱藏輸入框中,提交表單時兩者對比,表單處理完畢清空或者修改session中的token。在js中處理簡單易懂,同時能解決我現在所做的專案中...