Question

我有一个页面index.php，它有一个来自表格的数据列表，如下所示

Name    Age  Location   Action
N1      A1      L1      Add
N2      A2      L2      Add
N3      A3      L3      Add
N4      A4      L4      Add
N5      A5      L5      Add

并且负责上述输出的代码是

<div id="result">
    <?php foreach($data as $per_data): ?>
        <div> <php echo $per_data->name; ?> </div>
        <div> <php echo $per_data->age; ?> </div>
        <div> <php echo $per_data->location; ?> </div>
        <a href="<?php base_url(); ?>add/<?php echo $per_data->id; ?>">Add</a>
    <?php foreach;?>
</div>

此页面还有一个搜索栏，可帮助用户根据年龄和位置执行搜索。此搜索表单的数据通过类似

的Ajax提交

<script type="text/javascript">
$("#search_form").submit(function(e) {
e.preventDefault();  
var age = $("#age").val();
var location = $("#location").val();
  $.ajax({
      type: "POST",
      url: "<?php echo base_url(); ?>" + "search_result",
      data: { age:age, location:location },   
      success: function(data){
        console.log(data)
        $("#result").html(data); 
      }
  });
})
</script>

搜索后，视图会变成这样的

Name    Age  Location   Action
N1      A1      L1      Add
N3      A3      L3      Add
N5      A5      L5      Add

正如您所看到的，索引页面有一个数据，并且还有一个＆＃34;添加＆＃34;链接，执行一些操作。搜索结果后，结果数据将以相同的格式显示，并添加＆＃34;添加＆＃34;链接。现在，如果我点击添加链接，将执行一些操作并且该特定行将受到影响，但这是有问题的区域。单击链接后，页面将重新加载，现在根据搜索显示数据的div将显示搜索前的所有数据。

我希望在执行搜索后，如果用户点击添加链接，该行应该因其操作而受到影响，但搜索结果应保持不变。

因此，如果搜索返回3行并且我点击任何添加链接，那么之后也应该向用户显示相同的3行

如果对搜索结果执行某些操作，则无法保留搜索值

0 个答案: