表單非同步提交不返回響應資料總結

2021-07-09 14:16:07 字數 904 閱讀 3034

昨天和我一起學習的小夥伴讓我給他解決乙個問題,我花了乙個下午才搞出來了,一開始一點頭緒也沒有,後來自己研究**才發現原來就是表單非同步提交的同時沒有阻止表單提交給當前頁面。導致頁面重新整理,非同步請求還沒有來的及響應就失效了。接下來我就自己總結一下表單的同步提交方式和非同步提交方式。

一、首先說一說表單的同步提交方式

表單提交的關鍵就是設定

//非同步登陸處理

functionuser_login()else

},"json");}

如上面我的小夥伴的**執行過程如圖所示:

2.後來我又自己在非同步請求下面加上了一句輸出的話:

functionuser_login()else

},"json");

//彈出乙個提示框

alert("我的非同步請求有響應嗎?"); }

後來我的頁面成功跳轉,並且能正確處理了表單的內容。此時表單提交的執行過程如下:

3.最後我嘗試了在提交函式中返回false,為什麼返回false,意思是表不提交給當前頁面,所以當前頁面不會重新整理。此時表單提交的執行過程如下:

//表單提交處理函式

function user_login()else

},"json");

alert("我的非同步請求有嗎");

終於解決了小夥伴的問題,和大家共享一下。

如何非同步提交表單 如何非同步跨域提交表單

1.使用post提交方式 2.構造表單的數格式 3.結合form表單的submit呼叫ajax的 函式。使用 jquery 非同步提交表單 html xmlns head title 無標題頁 title head script src js jquery 1.4.2.js script scrip...

ajax非同步提交表單。

ajax非同步提交表單有幾種方法。1,不利用表單,通過拼接字串data 進行提交資料。此方法如果想 需要借助html5 filereader 把轉換成base64字串通過隱藏域傳值。這樣有把base64字串傳到後台,base64字串中的 會在提交的時候被轉義。可以吧base64字串進行加密再解密 2...

關於非同步提交表單

1.ajax非同步表單提交 通過.serializearray 和.stringify 把表單中的資料變為key value型別 var data1 json.stringify myform serializearray ajax 提交失敗,發現data3中的資料儲存型別為如下型別 var for...