jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作メソッド

jQuery 過渡

jQuery Ajax

jQuery 極端

jQuery 参考マニュアル

jQuery その他のメソッド jQuery AJAX メソッド

jQuery post() メソッド

jQuery Ajaxメソッド

$ .post()メソッドはHTTP POSTリクエストを使用してデータをサーバーから読み込みます。

文法：

$.post(URL,　data,　callback,　dataType)

例

この例では、リクエストのHTMLコードセクションを取得し、ページに挿入します：

例

$("button").click(function(){
　　$.post("ajax_post.php",　function(data){
　　　　$("#output").html(data);
　　});
});

テストしてみる‹/›

ajax_post.phpページをリクエストし、他のデータを送信します：

例

$("button").click(function(){
　　$.post("ajax_post.php",　{fname:"Seagull",　lname:"Anna"},　function(data){
　　　　$("#output").html(data);
　　});
});

テストしてみる‹/›

ajax_post.phpページをリクエストし、他のデータを送信し、ステータスメッセージを警告します：

例

$("button").click(function(){
　　$.post("ajax_post.php",　{fname:"Seagull",　lname:"Anna"},　function(data,　status){
　　　　$("#output").html(data);
　　　　alert(status);
　　});
});

テストしてみる‹/›

demo.jsonファイルをリクエストし、ページに挿入します：

例

$("button").click(function(){
　　$.post("demo.json",　function(data){
　　　　let　myObj　=　JSON.parse(data);
　　　　$("#output").html(myObj.name);
　　});
});

テストしてみる‹/›

json_demoのリクエスト1.phpファイル、そのファイルはjson形式で返されました：

例

$("button").click(function(){
　　$.post("json_demo1.php",　function(data){
　　　　let　myObj　=　JSON.parse(data);
　　　　$("#output").html(myObj.name);
　　});
});

テストしてみる‹/›

パラメータの値

パラメータ	説明
URL	リクエストしたいURLを指定してください
data	（オプション）リクエストとともにサーバーに送信する純粋なオブジェクトまたは文字列を指定してください
callback	（オプション）リクエストが成功した後に実行されるコールバック関数を指定します。パラメータ： data-リクエストからの結果データを含みます。 status-リクエストの状態（「success」、「notmodified」、「error」、「timeout」または「parsererror」）を含みます。 xhr-XMLHttpRequestオブジェクトを含みます。
dataType	（オプション）サーバー応答に必要なデータタイプを指定します。デフォルトでは、jQueryは自動的に推測します。可能なタイプ：「xml」-XMLドキュメント「html」-HTMLをテキストとして「text」-テキスト文字列「script」-レスポンスをJavaScriptとして実行し、テキスト形式で返します。「json」-レスポンスをJSONとして実行し、JavaScriptオブジェクトを返します。「jsonp」-JSONPを使用してJSONブロックをロードします。カールバックを指定するために「？callback =？」URLを追加します。

jQuery Ajaxメソッド

jQuery その他のメソッド jQuery AJAX メソッド