Javascript 如何使用jquery重新加载div

我不熟悉jQuery

在使用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>

---

所以我假设Ajax调用返回新内容，所以在回调中设置html（）

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

---

您有一个回调参数，它从post返回您的结果。使用它来操作数据并形成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 )

函数（结果）{
//结果就是你的json
var-manufactedhtml=''+结果.值'+''；
} 
$（“#loadedtablecontainer”）.append（操纵HTML）

如果是json数组，则使用for循环

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（数据）；

---

数据可以是html代码或url。

这一切都取决于你想用它做什么。循环遍历它，以你想要的格式构建一个字符串，然后设置html。

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