我試圖找出一種方法來加載1個單選項卡（由jQuery製表符），而無需重新加載所有其他的。問題是我有一個提交按鈕和一個下拉菜單，它將創建一個新窗體，當點擊這個新窗體的'OK'或'CANCEL'時，它必須返回原始窗體。使用php/jQuery加載html的部分

加載，我發現網頁的部分代碼是這樣的：

$("#tab-X").load("manageTab.php #tab-X");

但現在我想知道如何結合的$ _POST變量使用和提交按鈕

澄清：

我具有.php（manageTab.php），其中包含幾個選項卡及其內容
我在每個選項卡中都有一個包含數據庫存儲信息的下拉列表（這些下拉列表的代碼存儲在其他頁面中）
對於這些下拉列表中的每一個，都存在一個提交按鈕，用於從數據庫中獲取aditional信息並將這些信息以新形式編輯
這個新表單理想情況下能夠在不重新加載除擁有選項卡之外的所有內容的情況下提交。

問候

來源

2013-07-31 ShadowFlame

對不起，我不明白你在問什麼，請告訴我們你想要它做什麼 – Anigel

_如何結合使用這個$ _POST變量和submit-button_？你能解釋一下這個聲明嗎？ –

你能展示一些更多的代碼嗎？也許創建一個[jsfiddle]（http://jsfiddle.net/）？ –

<script> 
$(document).ready(function() { 
$("#form1").submit(function(){ 
event.preventDefault(); 
$.post('data.php',{data : 'dummy text'},function(result){ 
$("#tab-X").html(result); 
}); 
}); 

}); 
</script> 



<form id="form1"> 
<input id="btn" type="submit"> 
</form>

來源

2013-07-31 09:21:01

我還不完全明白你的問題，但按我的理解，你不能加載具有形成一個標籤提交。它正常加載整個頁面。

你可以做的是，按照給定的示例代碼使用ajax表單提交併加載html內容。

$.ajax({ 
    url: url, // action url 
    type:'POST', // method 
    data: {data:data}, // data you need to post 
    success: function(data) { 
     $("#tab_content_area").html(data); // load the response data 
    } 
});

您可以從PHP函數傳遞html內容（只需要回顯內容）。

來源

2013-07-31 09:21:49

AJAX是你在找什麼。

jQuery Ajax POST example with PHP

還可以找到關於谷歌AJAX更多的例子。

例如：假設您有一個select menu要加載在選項卡中。

您將需要發送請求到您的.php文件使用jquery，並且您的php文件應該echo您的select menu。

在你的jQuery，

<script> 
    $.post(url, { variable1:variable1, variable2:variable2 }, function(data){ 
      $("#tab-X").html(data); 
     //data is whatever php file returned.   
     }); 
    }); 

    $("#form_id").submit(function(){ 
      return false; 
    }); 
    </script>

我的意思是無論你的選擇，你將需要做在你的PHP文件下面，

回顯html代碼在你的PHP腳本。

echo "<select name='".$selector."'> 
    <option value='".$option1."'>Option1</option> 
    <option value='".$option2."'>Option2</option> 
    <option value='".$option3."'>Option3</option> 
    </select>";

這將返回給jQuery，然後您可以追加到任何你想要的地方。

來源

2013-07-31 09:26:44

中給出的提交按鈕操作，那麼這是否回答了您的問題？ –

使用php/jQuery加載html的部分

回答

AJAX是你在找什麼。

相關問題