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

单击save（保存）时，我有一个带有表单的模式，它保存在临时页面中，并且模式必须关闭。值应该显示在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);
      }
  });

jQuery.ajax(
{
类型：“POST”，
url:“+”页/数据页/“，
数据：formData，
processData:false，
contentType:false，
成功：功能（res）
{
$（'#myModal'）.modal（'hide'）；
控制台日志（res）；
如果（res）
{
url:“page/datapage/”；
}
},
错误：函数（errResponse）
{
console.log（errResponse）；
}
});

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

您需要使用

html（）

---

研究

.html（）。什么是
url:“page/datapage/”应该是什么？2.如果您提交表单，但不希望重新加载页面，则必须禁止标准提交：
e.preventDefault
what out out of console.log（res）；显示这个页面“+”页面/datapage/”Rahul在这里说的是正确的。请注意，$（'#yourTargetId'）.html（res）；打印出AJAX url中指定的文件中的每个html内容。因此，如果需要它显示特定的内容，只需在该文件中构造它，成功后它将加载到目标元素中。
success: function(res) 
      {
$('#yourTargetId').html(res);