2013-08-28 3 views
1

JQueryнагрузки JSON данные отображения тега с помощью Ajax

jQuery.noConflict(); 
    jQuery(document).ready(function(){ 

     jQuery("#stallId").change(function(e){ 

      //prevent default action 
      e.preventDefault(); 

      jQuery.ajax({ 

       url: "getProducts.html?method=Product&stallId="+document.getElementById("stallId").value, 
       dataType: "json", 
       success: function(json){ 
        if(json.status == true){ 
         var strHtml=''; 
         strHtml=+"";     
         for(var i=0;i<json.promotionProductList.length;i++){ 

         } 

        }     

       }, 
       failure: function(){ 
        alert("FAILED"); 
       } 
      }); 

     }); 
    }); 

Дисплей тегов

<display:table name="ProductList" id="product" class="table" export="false"> 
    <display:column escapeXml="true" titleKey="productForm.name"> 

    </display:column> 
</display:table> 

В классе действий

Map productMap = new HashMap(); 
productMap.put("id", "1"); 
productMap.put("name", "Coca Cola");     

List<Product> productList = new ArrayList<Product>(); 
productList.add(productMap); 

jsonWriter.object() 
    .key("status").value(true)     
    .key("pList").value(productList) 
    .endObject(); 

Как загрузить JSO n данных в теге с использованием ajax? Когда я выбираю stall из выпадающего списка, он отправляет URL-адрес в конец класса действий и может получить список карт продуктов, но я не уверен, как сделать данные отображаемыми в теге отображения. Может кто-нибудь помочь мне и рассказать мне, как загрузить данные? Btw Я использую struts 1.

ответ

1

После того, как я проверил часть тега дисплея с помощью firebug, я обнаружил, что тег отображения будет изменен на обычную таблицу html. Таким образом, в AJAX:

success: function(json){ 
    if(json.status == true){ 
     var strHtml='';     
     for(var i=0;i<json.pList.length;i++){ 
     strHtml+='<tr><td>'"+json.pList[i].name+"'</td></tr>'; 
     } 
    jQuery("table#product tbody").html(strHtml); 
    }     

}, 

В JQuery ("таблица # продукт TBODY"), "таблица" относится для отображения таблицы, тег и #product относится отображать идентификатор таблицы.

+0

Это только добавление к таблице, как только отображаемый тег уже сгенерирован, разбиение на страницы удалено, что приводит к поражению цели тега отображения – mel3kings