提交表單並刷新產品DIV無刷新頁面

我有一個表格上的index.php提交表單並刷新產品DIV無刷新頁面

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

請幫助得到這個工作將會十分讚賞.....

來源

2015-11-03 Yuki

Ajax是你正在尋找的東西！ – Naruto

用ajax函數調用寫下你的完整代碼。 – sandeepsure

正如你所知道的，你需要使用AJAX，你可以看看JQuery，例如查找實用程序。 –

你需要做一個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存儲在變量數據中，您可以在成功函數中使用它。

祝你好運！

來源

2015-11-03 09:29:07

我沒有提交按鈕，當選擇表單上的複選框時，它會通過js自動觸發.....正如我在上面的帖子中提到的那樣。我想要提交的所有數據都不是表格中的具體元素..... 請問你能解釋一下怎樣才能做到...... – Yuki

對不起，給我一下，我會試着找出一些東西。 –

請問您可以發佈您的整個表格嗎？或者至少給我一份需要提交哪些數據的清單？ –

提交表單並刷新產品DIV無刷新頁面

回答

相關問題