-3

現在、私はボタンを持っています:

<ul>
    <li><button onclick="display('1')">1</button></li>
    <li><button onclick="display('2')">2</button></li>
    <li><button onclick="display('3')">3</button></li>
</ul>

押されると、JavaScript 関数が呼び出され、AJAX を使用して押されたボタンに基づいて PHP が表示されます。私はこれをすべて自分で考え出しました。AJAX は、データのテーブルを div に出力する postgres クエリを含む PHP ファイルを取得します。

ここで、フォームを介して新しいデータを追加し、それを更新できるようにしたいと考えています (ページをリロードせずに、yannknow?)。私はいくつかのことを試しましたが、毎回障害にぶつかっています。

私の最初のアイデアは、JavaScript 関数と AJAX を使用してフォームにデータを送信させ、クエリの後に " " 関数を呼び出してdisplay()コンテンツをリロードすることでした。GoogleFu を使用してそれを理解することはできません。

私の現在の考えに基づいて、次のことについて助けてください。

  1. フォーム データを JavaScript 関数に渡すにはどうすればよいですか。
  2. POST を使用して、そのデータを AJAX を使用して PHP に渡すにはどうすればよいですか?

私はjavascriptとAJAXが初めてです。それが進むべき道のように見えるので、jqueryを調べましたが、わかりません。これを行うためのより良い方法があれば、私は提案を受け入れます。命名法の乱用をお許しください。

編集: この問題を解決したら...、プロジェクトを事前に完了するために必要なすべてのツールを用意します。

4

2 に答える 2

1

この例は、 の jQuery API ドキュメントから直接コピーしたものです$.post。疑わしい場合は、最初に API を確認してください

http://api.jquery.com/jQuery.post/

例: ajax リクエストを使用してフォーム データを送信する

$.post("test.php", $("#testform").serialize(), function(data){
   /* success- do something with returned data*/
});

概念をさらに拡張し、フォームの送信ハンドラーで投稿をラップします

$("#testform").submit(function(){
/* code from above, changing form selector to "this" */
  $.post("test.php", $(this).serialize(), function(data){
       /* success- do something with returned data*/
    });    
/* prevent browser default submit*/
  return false;
})
于 2012-06-20T21:13:01.873 に答える
0

jQuery.postメソッドを参照してください。それはあなたが望むことをします（POSTデータでAJAXリクエストを送信します）。

入力から値を取得するには、val()値を持つノードのメソッドを使用します (textarea、input、..)

于 2012-06-20T21:12:05.730 に答える