Question

有4个不同的页面。 product-listing.php，product-single-page.php，product-lis.js和action.php。当我在product-single-page.php中搜索某些东西时，product-lis.js正在接收数据，通过ajax，searchred项的关键字发送到action.php，而在Success上它必须在分区中显示结果拥有产品列表页面的Id（get_product）。但它没有在产品列表页面中显示其结果。我需要在点击搜索按钮后在产品列表页面中显示搜索结果。

代码

class Select_model extends CI_Model{
    function autoload() {
        $row_set = array();
        $this->db->select('*');
        $this->db->like('college_name', $college_name);
        $query = $this->db->get('venue_details');

        if (count($query->result_array()) > 0) {
          foreach ($query->result_array() as $row) {
              $row_set[] = htmlentities(stripslashes($row['college_name']));
          }

        }
        return json_encode($row_set);
     }
  }

Answer 1

你没有直接访问另一页的div 因为它已在另一个页面中定义，因此它不能在同一页面中访问您访问另一个不可能的页面div

但您可以使用ajax response重定向到该页面，并将响应数据设置为不同页面的特定div

尝试这个

1）产品listing.php

<?php
$data=@$_REQUEST['data'];

?>

<!DOCTYPE html>
<html>
  <head>
    <title></title>
       <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
       <script src="bootstrap/js/jquery.min.js" ></script>
       <script src="bootstrap/js/bootstrap.min.js" ></script>
       <script src="test.js" ></script>
  </head>
  <body>
     <div class="container">
         <div class="col-md-12">
             <div id="get_something"><?=$data?></div>
         </div>
     </div>
  </body>
</html>

2）产物单page.php文件

<!DOCTYPE html>
<html>
    <head>
        <title></title>
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
           <link  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
           <script src="bootstrap/js/jquery.min.js" ></script>
           <script src="bootstrap/js/bootstrap.min.js" ></script>
           <script src="test.js" ></script>
     </head>
     <body>
        <div class="col-md-12">
            <input type="text" placeholder="I'm looking for..." class="for-control"  name="name" id="name" autocomplete="off" value="">
            <button type="submit" class="btn btn-primary" id="search_btn" name="submit">GO</button>
        </div>
     </body>
</html>

<script type="text/javascript" src="../../library/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
  $(document).ready(function()
{
   $("body").delegate("#search_btn","click",function(event)
   {
     event.preventDefault();
     var id = $('#name').val();
     $.ajax({
     url: "action.php",
     method: "POST",
     data : { search : 1 , id : id},
     success:function(data)
        {
             location.href="product-listing.php?data="+data;
        }
     });    
   });
 })

</script>

3）action.php的

<?php
 if(isset($_POST['search']))
 {
   $val=$_POST['id'];
  ?>
  <h1><?php  echo $val; ?></h1>
  <?php
}
?>

在ajax的成功函数上显示另一页的分割结果

1 个答案: