GETリクエストを送信するには、$.get()を使用します。
構文
- （構文）
- $.get(＜URL＞ [,＜データ＞ ,＜コールバック関数＞])
| URL | GETリクエストを送信先URL |
| データ | 送信するデータ（key,valueのオブジェクト型） |
| コールバック関数 | 通信が成功した時に呼ばれる関数 ※エラー時には呼ばれません。 |
サンプルソース
例）ボタンを押すと、hoge.phpへGETリクエストを送信し結果をalertで表示する
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ $('#btn1').click(function(){ $.get("hoge.php", {"cd":"100", "name":"Taro"}, function(dt){ alert(dt); } ); }); }); </script> </head> <body> <input type="button" id="btn1" value="ボタン"> </body> </html> |
引数の書き方サンプル
以下のような書き方ができます。
例１）hoge.phpにGETデータを送信する（結果は受け取らない）
|
1 2 3 |
$.get("hoge.php", {"cd":"100", "name":"Taro"} ); |
例２）hoge.phpにGETデータを送信し、結果をコンソールに出力する
|
1 2 3 4 5 6 |
$.get("hoge.php", {"cd":"100", "name":"Taro"}, function(dt){ console.log(dt); } ); |
例３）hoge.phpにリクエストを送り、結果をコンソールに出力する
|
1 2 3 4 5 |
$.get("hoge.php", function(dt){ console.log(dt); } ); |
解説
- 引数は、第１引数のみ必須です。
- コールバック関数は成功時しか呼ばれません。エラー時も処理を行いたい場合は$.ajaxを使用してください。