如何在不重新加载页面的情况下刷新div内容

Question

我有点击形式的模态，将其保存在临时页面中，模态必须关闭，值应该显示在div content.now现在可以正常工作，但是当页面重新加载时内容正在显示。想要重新加载页面

html代码：

<div class="content">

  <?php if($load_data): ?>

    <?php foreach($load_data as $data): ?>
      <div class="row modal_bg">
        <div class="col-md-3">
          <span class="jd_name"><?php echo $data->first_name; ?></span>
          <span class="jd_name" ><?php echo $data->last_name; ?></span>
          <p class="loc"><?php echo $data->location; ?></p>
        </div>

      </div>
    <?php endforeach; ?>
  <?php endif; ?>

</div>

Ajax代码：

jQuery.ajax(
  {
    type: "POST",
    url: "<?php echo base_url(); ?>" + "page/datapage/",
    data: formData,
    processData: false,
    contentType: false,
    success: function(res) 
      {
        $('#myModal').modal('hide');
        console.log(res);
        if(res)
        {

          url:"<?php echo base_url(); ?>page/datapage/<?php echo $per->id;  ?>";

        }
      },
    error: function(errResponse) 
      {
        console.log(errResponse);
      }
  });

如何解决此问题，而无需重新加载页面我想显示内容。有人可以建议我怎么做。

Answer 1

您需要使用html() ;

success: function(res) 
      {
$('#yourTargetId').html(res);