jQuery异步ajax

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：执~漠
撰写时间：2020年4月29日

$.ajax({setting})方法
type：类型，“POST"或"GET”，默认为"GET"
url：发送请求的地址
asyuc：设置异步，（默认：true ）默认设置下，所有的请求均为异步请求。
data：是一个对象，连同请求发送到服务器
datatype：预期服务器返回的数据类型，如果不指定，jq将自动根据HTTP包mime信息来智能判断，一般我们采用json格式，可以设置为"json"
success：是一个方法，请求成功后回调函数，传入返回的数据，以及包含成功代码的字符串
error：是一个方法，请求失败是调用此函数，传入XMLHttpRequest对象
1.获取服务器上的信

例：function jqGetData() {
            $.ajax({
                type: "post",
                url: "/jqAjax/getPersonInfor",
                async: true,//如果值一样可以省略该行代码
                dataType: "json",
                success: function (data) {
                    $("#txtName").val(data.name);
                    $("#cboSex").val(data.sex);
                    $("#txtAddress").val(data.address);
                }
            })
        }

2.提交页面信息
serialize() 序列表单内容为字符串，用于 Ajax 请求
serializeArray() 序列化表单元素 (类似 ‘.serialize()’ 方法) 返回 JSON 数据结构数据。
注意：此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作
返回的JSON对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对——name参数和value参数

例：var serData = $("#myform").serialize();//表单序列化
            console.log(serData);
            var ArrayData = $("#myform").serializeArray();
            console.log(ArrayData);
            $.ajax({
                type: "post",
                url: "/jqAjax/getDataByFormCollection",
                data: ArrayData,
                success: function (msg) {
                    alert(msg);
                },
                error: function (xmlhttp) {
                    console.log(xmlhttp);
                }
            })