jQuery異步ajx對總結
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
開發工具與關鍵技術:Adobe Dreamweaver JavaScript
作者:唐文堅
撰寫時間:2020年5月3日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
JQ中的表單提交是要比JS的表單提交的代碼量要少很多的
防止表單自動提交的方法列:onsubmit="return false;(在表單一開始的標簽里寫)
JQ的表單獲取方法
JS的表單獲取方法:
二圖對比JQ明顯是要比JS方便。
Jq中的ajax方法:
在函式里寫上$.ajax的這個方法括號里就是一些方法的關鍵字了。
Type:這個就是寫你要用什么方法,比如type:”post”,(在JQ里后續還要撰寫代碼的時候就不能用;了)
url:控制器的名稱方法的名稱。
dataType:預期服務器回傳的資料型別,如果不指定,jQuery將自動根據http包MIME資訊來智能判斷,
般我們采用json格式,可以設定為"json"
Async:設定同異步的一般默認的是異步可以刻該成同步把選項寫為false就好如果要寫的就是異步就可以忽略這個
data:是要把表單資料提交的時候寫的。
success:是一個方法,請求成功后的回呼函式,傳入回傳后的資料,以及包含成功代碼的字串
error:是一個方法,請求失敗是呼叫此函式,傳入XMLHttpRequest物件
表單序列化serialize(),這樣可以不用去拼接字串
列: var serData = $("#myform").serialize();
JQ里的表單提交方法:
JQ里的getJSON和posJSON方法
getJSON方法如圖:
與ajax不同的是這個方法不用寫type之類的并且括號里要加入json。
如果要使用這種方法就要在控制器里寫上:return Json(str,JsonRequestBehavior.AllowGet);
$.getJSON()方法只能接受回傳值為json的資料
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/54528.html
標籤:非技術區
下一篇:jQuery異步總結
