javascript - jQuery post() 代码 - 如何使代码更干净、更快？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 8 年前。

Improve this question

我正在学习如何编码。

下面的代码显示了单击按钮后发生的情况 - jQuery post()进行调用，将数据提交到 PHP 表单，然后将数据库查询的结果显示到 div 中。

代码很好，但我只是想知道是否有任何方法可以使它更好。

所谓更好，是指是否有任何方法可以使代码更可读、更快和更少错误。

$.post("load_product.php", {'ID': IDname}, function(json) {

        var product_details_array = $.parseJSON(json);

        var test_for_null = product_details_array[0];

        if ( test_for_null.length > 0)

        {

 $('#product_tags_container').append(
        "<div class='product_tags'>" + "<img id='remove_tag' src='../function icons/cross.png'>" + "<div id='product_texture_picture'>" + "<img src='" +  "product_pictures/" + product_details_array[4] + product_details_array[5] + "'>" + "</div>" + "<div id='product_title'>" + product_details_array[0] + "</div>" + "<br><br>" + "<div id='product_brand'>" + product_details_array[6] + "</div>" + "<div id='product_price'>"+  product_details_array[3] + "</div>" + "</div>");

         }
         });

Answer 1

我清理了追加函数中所有不必要的连接。在我看来，append 函数太长而难以维护。我猜你的服务器端响应

无响应:''

JSON 数组为 null:null

JSON 数组为空:[]

$.post("load_product.php", {
id: IDname
}).done(function(data) {
    if (data.length>0 && data!=null && data!='[]') {
        var product_details_array = $.parseJSON(data);
        $('#product_tags_container').append("<div class='product_tags'><img id='remove_tag' src='../function icons/cross.png'><div id='product_texture_picture'><img src='product_pictures/" + product_details_array[4] + product_details_array[5] + "'></div><div id='product_title'>" + product_details_array[0] + "</div><br><br><div id='product_brand'>" + product_details_array[6] + "</div><div id='product_price'>" + product_details_array[3] + "</div></div>");
    }
}
});