jqueryでのajax postの使用

jQuery.post(url, [data], [callback], [type])

概要

リモート HTTP POST リクエスト経由で情報を読み込みます。

これは、複雑な $.ajax を置き換える単純な POST リクエスト関数です。コールバック関数は、リクエストが成功したときに呼び出すことができます。エラー時に関数を実行する必要がある場合は、$.ajax を使用します。

Parameters

url,[data],[callback],[type]String,Map,Function,StringV1.0

url: 送信リクエストアドレス。

data: 送信されるキー/値パラメーター。

callback: 送信成功時のコールバック関数。

type: コンテンツ形式、xml、html、script、json、text、_default を返します。

例

1) データの配列をサーバーに渡します (戻り値は無視します):

jQuery コード:

$.post("test.php", { 'choices[]': ["Jon", "Susan"] });

2) Ajax リクエストを使用してフォームデータを送信します:

jQuery コード:

$.post("test.php", $("#testform").serialize());

3 ) ページをテストします。php がデータを送信し、結果を出力します (返されたコンテンツに応じて HTML または XML):

jQuery コード:

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

4) test.php ページのコンテンツを取得し、XMLHttpResponse オブジェクトとして保存します。 、そして process() を渡します この JavaScript 関数は処理されます:

jQuery コード:

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     process(data);
   }, "xml");

5) test.php ページによって返された json 形式のコンテンツを取得します:

jQuery コード:

$.post("test.php", { "func": "getNameAndTime" },
  function(data){
    alert(data.name); // John
    console.log(data.time); //  2pm
  }, "json");