我这段js代码是不是写的太蠢了 ,能否帮优化下, 最后在对象传递给bootstrap-table

Question

        jq = jQuery.noConflict();

            (function() {
                jq.ajax({
                    type: "post",
                    url: './class/json.php',
                    data: {
                        "s": 1
                    },
                    dataType: "json",
                    async: false,
                    success: function(result) {
                        var data=[] ;
                       
                        jq.each(result,
                        function(i, item) {
                            var arr = {};
                            arr.photo_id = i + 1;
                            arr.photo_title = item[3];
                            arr.photo_url = item[4];
                            arr.photo_file_url = item[5];
                            arr.longitude = item[7];
                            arr.latitude = item[6];
                            arr.Manufacturer = item[8];
                            arr.phone_model = item[9];
                            arr.photo_time = item[15];
                            arr.upload_time = item[14];
                            arr.totalSum = item[10];
                            arr.accDis = item[11];
                            arr.nearPoint = item[12];
                            data.push(arr);
                        });
                        res = data; //获取数组
                       var arr3=[];
                         var arr2={} ;
                           for(var i in res) {
            
                            arr2.id=res[i].photo_id;
                            arr2.name=res[i].photo_title;
                            arr2.price=res[i].longitude;
                            arr3.push(arr2);
                        }
                        tablearr = arr3;
                        
                    },
            
                });
//                 return res;
            })();
            
            console.log(tablearr);
            
            jq(function() {
            
                jq('#table').bootstrapTable({
                    url: tablearr,
                    columns: [{
                        field: 'id',
                        title: 'Item ID'
                    },
                    {
                        field: 'name',
                        title: 'Item Name'
                    },
                    {
                        field: 'price',
                        title: 'Item Price'
                    },
                    ]
                });
            });

是不是 json 最好都是在后端处理好了再发送过来 不能把信息都暴露在js中?

Answer 1

谢邀，两个问题：异步获取数据所以你最后使用 tablearr 是空的；arr3 数组里的所有项目都是同一个对象。

供参考

jq = jQuery.noConflict();

(function() {
  jq.ajax({
    type: "post",
    url: './class/json.php',
    data: {
      "s": 1
    },
    dataType: "json",
    async: false,
    success: function(result) {
      var res = jq.map(result, function(item, i) {
        return {
          photo_id: i + 1,
          photo_title: item[3],
          photo_url: item[4],
          photo_file_url: item[5],
          longitude: item[7],
          latitude: item[6],
          Manufacturer: item[8],
          phone_model: item[9],
          photo_time: item[15],
          upload_time: item[14],
          totalSum: item[10],
          accDis: item[11],
          nearPoint: item[12]
        }
      })

      var tablearr = jq.map(res, function(item) {
        return {
          photo_id: item.photo_id,
          photo_title: item.photo_title,
          longitude: item.longitude
        }
      });

      jq('#table').bootstrapTable({
        url: tablearr,
        columns: [{
          field: 'id',
          title: 'Item ID'
        },
        {
          field: 'name',
          title: 'Item Name'
        },
        {
          field: 'price',
          title: 'Item Price'
        },
      ]
      });
    },
  });
})();

Answer 2

觉得还好吧，，只是为啥用了JQ不直接用‘$’

Answer 3

后端返回list，前端行配置相应字段就能显示了