jQuery异步ajx对总结
开发工具与关键技术:Adobe Dreamweaver JavaScript作者:唐文坚撰写时间:2020年5月3日
JQ中的表单提交是要比JS的表单提交的代码量要少很多的
防止表单自动提交的方法列:οnsubmit=\”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的数据