如何使用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进行各种各样的作用，上图就是循环的将后台获得的商品信息填写到对应的位置。