如何使用ajax（jquery）

以下是我第一次工作时写的ajax：

$.ajax({

        url: "/spinweb/store/storeHome.do",
        dataType: 'json',
        data: {
            "pageSize": a
        },
        type: 'post',

        success: function(data) {
            console.log(data)
            var pic = data.data
            for(var i = 0; i < pic.length; i++) {
                if(pic[i]) {
                    if(pic[i].head) {

                        $(".shop-list").eq(i).find("img").attr("src", imgUrl + pic[i].head)
                    } else {
                        $(".shop-list").eq(i).find("img").attr("src", "")
                    }

                    $(".shop-list").eq(i).find(".shop-l-info").html(pic[i].businessstorename)
                    $(".shop-list").eq(i).find(".storeid").html(pic[i].businessstoreid)

                } else {
                    $(".shop-list").eq(i).find("img").hide()
                    $(".shop-list").eq(i).find(".shop-l-info").html("")
                    $(".shop-list").eq(i).find(".storeid").html("")
                }

            }

            $(".shop-list").click(function() {

                localStorage.shopid = $(this).find(".storeid").eq(0).text()
                localStorage.shopname = $(this).find(".shop-l-info").eq(0).text()

                window.open("html/company-msg.html")
            })

        },

    });

基本需要注意的有三点：

1.url

 这个是后端给的接口地址，必须正确书写。【并且，确定没有存在跨域问题】。

如果你的代码是在本地服务器上启动的，那么因为和公司服务器并不在一个域名上，所以无法访问。解决方法是将代码上传到公司服务器或者找找跨域软件解决。

2. data

这里可以放对象或者字符串两种格式都可以。但是推荐使用对象方式，因为当参数多的时候，不容易漏写或者多写。

3. 成功后返回的数据

当请求成功后，你会得到一组json数据如上面

 success: function(data)

的data。这些数据根据需要使用js或者jquery进行各种各样的作用，上图就是循环的将后台获得的商品信息填写到对应的位置。