jquery 数据请求及处理

    $.ajax({
        url: "http://152.136.185.210:8000/api/n3/home/multidata",
        dataType: "JSON",
        type: "GET",
        async: "true",
        data: {},
        success: function (data) {
            const res = data.data.banner.list;
            console.log(res);
            var html = "";
            for (let i = 0; i < res.length; i++) {
            //模板字符串写法
              //$('.image').append(`<img src='${res[i].image}'></img>`);
              
              //常规写法
                var ls = res[i];
                html += "<img src='" + ls.image + "'>" + "</img>";
                $('.image').html(html);
            }
        },
        error: function () {
            console.log("error");

        }
    });

Ajax基本结构：

    $.ajax({
        url: "发送请求（提交或读取数据）的地址",
        dataType: "预期服务器返回数据的类型",
        type: "请求方式",
        async: "true/false",
        data: { 发送到/ 读取后台（服务器）的数据
    },
        success: function (data) { 请求成功时执行 },
        error: function () { 请求失败时执行 }});

// 注：（这些参数均为选填，如果不设置，按默认值处理）
// < 1 > url 默认为当前页地址

// < 2 > dataType 可用类型：
// （如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递）
// xml：返回XML文档，可用JQuery处理。
// html：返回纯文本HTML信息。
// script：返回纯文本JavaScript代码。
// json：返回json数据。
// jsonp：(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。
// text：返回纯文本字符串。
// 说明：对于json和jsonp的区别，本小白暂时没有深入了解，目前只知道jsonp可以跨域读取数据，有待进一步学习~

// <3>type 可用类型主要为post和get两种（默认为get）
// get：从指定的资源请求数据（从服务器读取数据）
// post：向指定的资源提交要被处理的数据（向服务器提交数据）

// < 4 > async 异步方式，默认为true，即异步方式。当设置为false时，为同步方式。
// 异步方式：ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发ajax里的success方法，这时候执行的是两个线程。
// 同步方式：在没有返回值之前，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
// 说明：这里的同步和异步有待深入理解，以下实例均使用默认的异步方式

// < 5 > data 请求的数据，{ } 中可以填入多项数据。如果不填（一般为get请求），则读取对应地址的全部数据，此时可以在console中通过console.log(res)显示数据情况。

// < 6 > success 和 error 两个函数 一般需要设置，方便确定请求是否成功，以及请求成功后的提示或是对数据的处理和显示。

        $(function(){
            //按钮单击时执行
            $("#testAjax").click(function () {
                //Ajax调用处理
                $.ajax({
                    type: "POST",//规定传输方式
                    url: "new.php",//提交URL
                    data: { 'name': $('#name').val(), 'age': $('#age').val() },//提交的数据
                    success: function (data) {
                        $("#myDiv").html('<h2>' + data + '</h2>');//交互成功回调
                    }
                });

            });
});

	function printtable()
	{
            $.ajax({
                url: 'http://hebutgo.com:8080/maps/getMapsList',
                type: 'get',
                datatype: 'json',
                success: function (res) {
                    console.log(res);  //在console中查看数据
                    $.each(res.result, function (index, obj) {
                        $("#table").append(
                            "<tr><td>" + obj['申请人省份'] + "</td>" +
                            "<td>" + obj['counts'] + "</td><tr>");
                    });

                }
            })
        }