jQuery 基礎チュートリアル

jQuery 効果

jQuery 操作方法

jQuery 過滤

jQuery Ajax

jQuery その他

jQueryのリファレンスマニュアル

jQueryの雑多メソッド jQueryのAJAXメソッド

jQuery get() メソッド

jQueryのAjaxメソッド

$ .get()メソッドはHTTP GETリクエストを使用してサーバーからデータをロードします。

文法：

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

例

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

例

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

テストを見て‹/›

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

例

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

テストを見て‹/›

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

例

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

テストを見て‹/›

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

例

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

テストを見て‹/›

json_demoからJSON形式で返されるリクエスト1.phpファイル：

例

$("button").click(function(){
　　$.get("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」-JSONをJSONPでロードします。コールバックを指定するために「？callback=？」URLを追加します。

jQueryのAjaxメソッド

jQueryの雑多メソッド jQueryのAJAXメソッド