JQuery Ajax Отображение списка запросов в таблице

я думаю, что картина собирается объяснить мою проблему лучшеJQuery Ajax Отображение списка запросов в таблице

мне нужна эта ("Объект Appel d'Offre: [La Fourniture и др установки]")

будет отображаться только один раз.

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"); 
     } 

    }

я знаю, что это abvious, что печать название утра будет добавляться каждый раз, может кто-нибудь дать мне решение для этого?

источник

2016-06-09 Reda RACHID

вы можете предоставить полный код или некоторые демо, где мы можем попробовать что-то? – Codec

Не можете ли вы переместить заголовок, добавляющий строку кода вне .each? – H77

@Hosney Я пробовал это, но он все еще печатает это дважды, потому что список возвратил 2 строки –

Попробуйте

$("#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 {}    
})

источник

2016-06-09 05:17:31 H77

да это сработало спасибо soo much sir –

добро пожаловать! – H77

Это должно сработать для вас.

var hasTitle = false; 
    $.each(list, function (i) { 
     if(! hasTitle) { 
      $("#titreAppend").append("<h3 style='margin-top:55px'>Object Appel d'Offre : [ <u style='color:#f43030'><b> " + list[i].Objet + "</b></u> ] </h3>"); 
      hasTitle = true; // Ensure title is printed only once 
     } 

     $("#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>"); 
    })

источник

2016-06-09 05:00:49 phreakv6

по-прежнему та же ошибка –

Если вы все еще видите это дважды, скорее всего, ваш запрос ajax срабатывает дважды. Можете ли вы добавить 'console.log (« Запрос на обработку »)' внутри вашего обратного вызова 'success' и посмотреть, сколько раз он вызывается? – phreakv6

пытаются использовать

var titreAppend = $("#titreAppend"); 
      var tabtbody = $("#tab tbody"); 

      $.each(list, function (index, object) { 

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

источник

2016-06-09 05:01:10

все тот же результат! –

использование возвращение Json (новый {list = list}, JsonRequestBehavior.AllowGet); и проверьте, что вы получаете в переменной списка jQuery –

JQuery Ajax Отображение списка запросов в таблице

ответ

Смежные вопросы