JavaScript异步 ajax

[AI电竞少女]

JavaScript异步 ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：彭琦旺
撰写时间：2020年5月5日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery中的ajax
1.1jQuery中的$.ajax({settings})方法
$.ajax({settings});
type:类型，"POST"或"GET",默认值为"GET"
url:发送请求的地址
async:设置异步，(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，
请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
data:是一个对象，连同请求发送到服务器的数据
dataType:预期服务器返回的数据类型,如果不指定，jQuery将自动根据http包MIME信息来智能判断,
一般我们采用json格式，可以设置为"json"
success:是一个方法，请求成功后的回调函数，传入返回后的数据，以及包含成功代码的字符串
error:是一个方法，请求失败是调用此函数，传入XMLHttpRequest对象
//jQuery中ajax方法将表单数据提交给服务器
1.2表单序列化
serialize() 序列表单内容为字符串，用于 Ajax 请求
serializeArray() 序列化表单元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。
注意：此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作
返回的JSON对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对——name参数和value参数
2.0 jQuery中的$.post() $.get() $.getJSON()
1.0 jQuery中的$.get()方法
语法：$.get(url, [data], [callback], [type])
描述：通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
参数说明：
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式，xml, html, script, json, text, _default。
2.jQuery中的$.post()方法
语法：$.post(url, [data], [callback], [type])
描述：通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
参数说明：
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式，xml, html, script, json, text, _default。
$.post("/jQueryAjax/getDataByRequest", { name: strname, sex: strsex, address: straddress }, function (msg) {alert(msg); });
3. jQuery中的$.getJSON()方法
语法：$.getJSON(url, [data], [callback])
描述：通过 HTTP GET 请求载入JSON数据
参数说明：
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
$.getJSON()方法只能接受返回值为json的数据
$.getJSON("/jQueryAjax/getDataByEntityClass", frmData, function (msg) {
console.log(msg);
alert(msg);
});
1.获取数据的方法
获取表单数据的4种方式：(可以接收post与get提交的数据)
1.通过形参的方式接收表单提交的数据
获取表单数据的4种方式: 只能接收到post提交过来的数据
2.通过FormCollection来接收表单的数据
获取表单数据的4种方式: 只能接收到post提交过来的数据
3.通过 Request.Form["name的属性值"]获取表单数据
获取表单数据的4种方式: 可以接收post与get提交的数据
4.EntityClass实体类接收数据