如何使用jquery重新加載div

我必須在使用ajax向服務器發送一些值之後重新加載一個div。

我jQuery代碼是

selectionChanged: function() { 
var $selectedRows = $('#PersonTableContainer').jtable('selectedRows'); 
$selectedRows.each(function() { 

    var record = $(this).data('record'); 
    var columnname = record.columnname; 
    var datatype = record.datatype; 
    var columnlength = record.columnlength; 
    $.post('meta?action=dataload', { 
     columnname: columnname, datatype: datatype, columnlength: columnlength 
    }); 

});

執行該代碼後，我要重新加載一個div

<div id="loadedtablecontainer"></div>

這個div將獲得1 JTable中的選擇的數據..並在此顯示出來JTable中。

因此，通過使用這個div ID我有打電話或重裝這個div很快以上得到了執行jQuery函數

喜歡的東西

$.post('meta?action=dataload', { 
    columnname: columnname, datatype: datatype, columnlength: columnlength 
}); 

$("#loadedtablecontainer");

來源

2014-12-31 rajasekhar

所以我假設Ajax調用返回新的內容後，所以在回調中設置html（）。

$.post('meta?action=dataload', 
    { 
     columnname : columnname, 
     datatype:datatype, 
     columnlength:columnlength 
    }, 
    function (data) { 
     $("#loadedtablecontainer").html(data); 
    } 
);

來源

2014-12-31 06:57:06 epascarello

謝謝，如果返回的結果是一個JSON那麼如何追加... – rajasekhar

這一切都取決於你想要用它做什麼。通過它循環並以您想要的格式構建一個字符串並設置html。 – epascarello

你有一個回調參數，它返回你的帖子結果。用它來操縱數據並形成HTML。然後，只需將其追加

$.post('meta?action=dataload', { 
      columnname : columnname, datatype:datatype,columnlength:columnlength 
     }, 
     function (result) { 
      // make your manipulations here, (Ex: var manipulatedHTML) 
      $("#loadedtablecontainer").append(manipulatedHTML); 
     } 
    );

如果它是一個JSON

function(result) { 
//result is your json 
var manipulatedHTML = '<div class="result">'+result.value"+'</div>'; 
} 
$("#loadedtablecontainer").append(manipulatedHTML)

使用for循環，如果它是一個JSON數組

來源

2014-12-31 07:20:19 Nancy

謝謝，如果返回的結果是一個JSON那麼如何附加... – rajasekhar

function loadCustomerCorpPopup(id) { 
     $("#eBody").mask("${loading}"); 
     $.ajax({ 
      url : '${url}/customer/ajax_customer_corporate_popup', 
      data : { 
       customerCorporateId : id, 
      }, 
      dataType : 'text', 
      cache : false, 
      success : function(data) { 
       $('#popupId').html(data); 
       $('#popupId').modal('show'); 
       $("#eBody").unmask("${loading}"); 
      } 
     }); 
    }

您可以用這種方式$('#popupId').html(data); 數據可以一html代碼或網址。

來源

2015-09-04 06:59:10

如何使用jquery重新加載div

回答

相關問題