提交表单并刷新产品DIV无刷新页面

Question

我有一个表格上的index.php

<div id="right-div"> 
<form name="m_srch" id="m_srch" action="'.tep_href_link(FILENAME_DEFAULT).'" method="get" > 
    .......... 
</form> 
</div> 

它使用

转/表格/ form.php的 它包含在索引处理。 PHP在使用

require('ext/form/form.php'); 

EXT /形式的顶部/ form.js

---

在form.php的的js文件的末尾包括

<script type="text/javascript" src="ext/form/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="ext/form/jquery-ui.js"></script> 
<script type="text/javascript" src="ext/form/form.js"></script> 

形式运作的方式，点击复选框时---它刷新整个页面列出过滤产品。

我希望只有产品div刷新，而不是整个页面。 该产品是在下面的div

<div id="left-div">......</div> 

请帮助得到这个工作将会十分赞赏.....

Answer 1

你需要做一个AJAX请求到服务器的表单提交时，和然后将处理后的数据发送回您的JavaScript（例如使用JSON）。因此，举例来说，如果你的按钮有id为“＃键”，你试图做一些与所谓的“#username”的输入框：

$(document).ready(function(){ // Initialize when document is ready 
    $("#button").click(function(){ // Button is clicked 
     var username = $("#username").val(); 
     $.ajax({ // do AJAX 
      url: "form.php", // in form.php 
      method: "POST", // with POST 
      data: {username = username}, // in PHP, $_POST['username'] is the value of your username input box 
      success: function(data) { 
       // do something with the JSON 
      } 
     }); 
    }); 
}); 

在这个例子中，称为数据在成功的变量，是您的JSON将从服务器发送的部分。现在

，你的PHP可能是这样的：

<?php 
    $username = $_POST['username']; 
    echo json_encode($username); 
?> 

通过这种方式，它会做与数据“用户名”和请求的请求有$ TE值（“＃用户名”）。然后PHP会选择它，将它发送回AJAX请求，AJAX请求将其作为JSON存储在变量数据中，您可以在成功函数中使用它。

祝你好运！