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

时间:2018-05-02 10:48:11

标签: javascript php jquery ajax twitter-bootstrap

我有点击模式的模式保存它保存在临时页面中并且模态必须关闭应该显示在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);
      }
  });

如何解决这个问题,没有页面重新加载我想显示内容。任何人都建议我该怎么做。

1 个答案:

答案 0 :(得分:1)

您需要使用html();

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