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

Question

我有一个带有表单的模态，单击保存它会保存在临时页面中，并且模态必须关闭，值应该显示在 div 内容中。现在它工作正常，但是当页面重新加载时，内容正在显示。我不想重新加载页面

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