顯示結果在ajax的成功功能另一頁的劃分

有4個不同的頁面。 product-listing.php，product-single-page.php，product-lis.js和action.php。當我在product-single-page.php中搜索某些東西時，product-lis.js正在接收數據，通過ajax將searchred項的關鍵字發送到action.php，並且在成功時它必須顯示結果產品列表頁面有Id（get_product）。但它並未在產品列表頁面中顯示其結果。我需要在點擊搜索按鈕後在產品列表頁面中顯示搜索結果。顯示結果在ajax的成功功能另一頁的劃分

代碼

product-listing.php 

<!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"></div> 
     </div> 
    </div> 
    </body> 
</html> 

product-single-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> 


product-lis.js 

$(document).ready(function() 
{ 
    $("body").delegate("#search_btn","click",function(event) 
    { 
    event.preventDefault(); 
    var keyword = $("#name").val(); 
    var id = $('#name').val(); 
    $.ajax({ 
    url: "action.php", 
    method: "POST", 
    data : { search : 1 , id : id}, 
    success:function(data) 
     { 
     $("#get_something").html(data); 
     } 
    })  
    }); 
}) 


action.php` 

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

來源

2017-06-12 Bijzay Chettri

**解析錯誤，意外';'（;）！**你的php腳本有錯誤 –

爲了得到更好的答案，你應該問好問題。正確設置代碼格式，突出顯示主要問題等...您應該檢查格式化問題的提示。 –

你沒有其他頁面的訪問DIV直接
，因爲它有定義的另一個頁面，以便其在同一個頁面無法訪問您進入另一個頁面DIV那不是可能

但您可以使用您的ajax response重定向到該頁面，並將響應數據設置爲不同頁面的特定div

試試這一個

1）產品listing.php

<?php 
[email protected]$_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 
} 
?>

來源

2017-06-16 12:09:24 Bhargav

顯示結果在ajax的成功功能另一頁的劃分

回答

相關問題