如何使用jquery重新加载div

时间:2014-12-31 06:48:17

标签: javascript jquery html

我是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>

这个div将获得第一个jtable的选定数据..并将其显示在此jtable中。

所以通过使用这个div id,我必须在上面执行jQuery函数后立即调用或重新加载这个div

这样的东西
$.post('meta?action=dataload', {
    columnname: columnname, datatype: datatype, columnlength: columnlength
});

$("#loadedtablecontainer");

3 个答案:

答案 0 :(得分:1)

所以我假设Ajax调用返回新内容,所以在回调中设置html()。

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

答案 1 :(得分:1)

你有一个回调参数,可以从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数组

,请使用for循环

答案 2 :(得分:0)

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代码或网址。