jQuery Ajax 查询在表格中显示列表

Question

我认为图片可以更好地解释我的问题。

我需要这个(“Object Appel d'Offre:[La Fourniture et Installation]”)

仅显示一次。

jQuery 代码:

$(document).on("click","#bt_search",function (e) {
        $.ajax({
                    url : '/Lots/Search',
                    type : 'POST',
                    dataType: 'json',
                    data : {  RefAO : $("#RefAppelOffre").val()  },
                    success : function(list) {
                        if(list == "fail"){

                            alert('error');

                        }
                        else{

                            $.each(list, function (i) {

                               $("#titreAppend").append("<h3 style='margin-top:55px'>Object Appel d'Offre  : [ <u style='color:#f43030'><b> " + list[i].Objet + "</b></u> ] </h3>");
                               $("#tab tbody").append("<tr>" +
                                                            "<td>" + list[i].Ref_Lot + "</td>" +
                                                            "<td>" + list[i].Titre + "</td>" +
                                                            "<td>" + list[i].TotalLotTTC + "</td>" +
                                                            "<td>" + list[i].NombreConcurrent + "</td>" +
                                                            "<td>" + list[i].NombreArticle + "</td>" +
                                                        "</tr>");
                            })

                        }//Fermeture Else
                    }//Fermeture Success

               })//fermeture ajax {}               

 })

Asp.net 返回代码:

[HttpPost]
    public JsonResult Search(string RefAO)
    {

        var list = GlobalVariables.ctx.GetDetailedListLots(RefAO).ToList<GetDetailedListLots_Result>();
        //var list = ctx.Bilan_Lot(RefAO).ToList<Bilan_Lot_Result>();
        if(list != null)
        {

            return Json(list, JsonRequestBehavior.AllowGet);

        }
        else
        {
            return Json("fail");
        }

    }

我知道很明显我每次打印的标题都会被附加，有人能给我一个解决方案吗？

Answer 1

试试这个

$("#bt_search").click(function () {
    $.ajax({
        url : '/Lots/Search',
        type : 'POST',
        dataType: 'json',
        data : {  RefAO : $("#RefAppelOffre").val()  },
        success : function(list) {
            if(list == "fail") {
                alert('error');
            }
            else {
                if (list.length) {
                    $("#titreAppend").append("<h3 style='margin-top:55px'>Object Appel d'Offre  : [ <u style='color:#f43030'><b> " + list[0].Objet + "</b></u> ] </h3>");
                }
                $.each(list, function (i) {                
                   $("#tab tbody").append("<tr>" +
                                                "<td>" + list[i].Ref_Lot + "</td>" +
                                                "<td>" + list[i].Titre + "</td>" +
                                                "<td>" + list[i].TotalLotTTC + "</td>" +
                                                "<td>" + list[i].NombreConcurrent + "</td>" +
                                                "<td>" + list[i].NombreArticle + "</td>" +
                                            "</tr>");
                })

            }//Fermeture Else
        }//Fermeture Success

   })//fermeture ajax {}               
})