0

他のすべてをリロードせずに、1 つのタブ (jQuery によるタブ) をロードする方法を見つけようとしています。問題は、新しいフォームを作成する送信ボタンとドロップダウンがあり、この新しいフォームで「OK」または「キャンセル」をクリックすると、元のフォームを取得する必要があることです。

私が見つけたページの一部をロードするコードは次のとおりです。

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

しかし、これを $_POST 変数と送信ボタンと組み合わせて使用​​する方法を知りたいと思います

説明:

  • いくつかのタブとその内容を含む .php(manageTab.php) があります
  • これらの各タブには、データベースに保存された情報を含むドロップダウンがあります（これらのドロップダウンのコードは他のページに保存されています）
  • これらのドロップダウンごとに、選択に基づいて DB から追加情報を取得し、これらの情報を編集用の新しいフォームに入れる送信ボタンがあります。
  • この新しいフォームは、所有しているタブ以外のすべてをリロードせずに送信できることが理想的です。

ご挨拶

4

3 に答える 3

0 
<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-31T09:21:01.267 に答える
0

AJAX はあなたが探しているものです。

PHP を使用した jQuery Ajax POST の例

また、Google で ajax に関するその他の例を見つけてください。

例:select menuタブに をロードするとします。

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 ファイルで次のことを行う必要があります。

htmlPHP スクリプトでそのコードをエコーし​​ます。

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

これは jQuery に返され、必要な場所に追加できます。

于 2013-07-31T09:26:44.420 に答える