jQuery - AJAX get()/post() メソッド


jQuery - AJAX get() および post() メソッド

jQuery get() および post() メソッドは、HTTP GET または POST リクエストを介してサーバーにデータをリクエストするために使用されます。

HTTP リクエスト: GET と POST

クライアント側とサーバー側のリクエストとレスポンスの 2 つの一般的な方法は、GET と POST です。

GET - 指定されたリソースからデータをリクエストします。

POST - 処理対象のデータを指定されたリソースに送信します。

GET は、基本的にサーバーからデータを取得 (取得) するために使用されます。注: GET メソッドはキャッシュされたデータを返す場合があります。

POST はサーバーからデータを取得するためにも使用できます。ただし、POST メソッドはデータをキャッシュしないため、リクエストとともにデータを送信するためによく使用されます。

GET と POST、および 2 つのメソッドの違いの詳細については、「HTTP メソッド - GET と POST」を参照してください。

jQuery $.get() メソッド

$.get() メソッドは、HTTP GET リクエストを介してサーバーにデータを要求します。

構文:

$.get(URL,callback);

必須の URL パラメーターは、リクエストする URL を指定します。

オプションのコールバック パラメーターは、リクエストが成功した後に実行される関数の名前です。

次の例では、$.get() メソッドを使用してサーバー上のファイルからデータを取得します:

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.get("/try/ajax/demo_test.php",function(data,status){
			alert("数据: " + data + "\n状态: " + status);
		});
	});
});
</script>
</head>
<body>

<button>发送一个 HTTP GET 请求并获取返回结果</button>

</body>
</html>

Run Instance»

[Run Instance] ボタンをクリックしてオンライン インスタンスを表示します。

$.get() の最初のパラメータは、リクエストしたい URL (「demo_test.php」) です。

2 番目のパラメータはコールバック関数です。最初のコールバック パラメータには要求されたページのコンテンツが保存され、2 番目のコールバック パラメータにはリクエストのステータスが保存されます。

ヒント: この PHP ファイル (「demo_test.php」) は次のようになります:

<?php
echo 'これは PHP ファイルから読み取られたデータです。 ';

?>

jQuery $.post() メソッド

$.post() メソッドは、HTTP POST リクエストを介してサーバーにデータを要求します。

構文:

$.post(URL,data,callback);

必須の URL パラメーターは、リクエストする URL を指定します。

オプションの data パラメーターは、リクエストとともに送信されるデータを指定します。

オプションのコールバック パラメーターは、リクエストが成功した後に実行される関数の名前です。

次の例では、$.post() を使用してリクエストとともにデータを送信します:

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.post("/try/ajax/demo_test_post.php",{
			name:"菜鸟教程",
			url:"http://www.runoob.com"
		},
		function(data,status){
			alert("数据: \n" + data + "\n状态: " + status);
		});
	});
});
</script>
</head>
<body>

<button>发送一个 HTTP POST 请求页面并获取返回内容</button>

</body>
</html>

インスタンスの実行 »

オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします

$.post() の最初のパラメータは、リクエストする URL (「demo_test_post.php」) です。

その後、リクエスト (名前と都市) とともにデータを送信します。

「demo_test_post.php」の PHP スクリプトは、これらのパラメーターを読み取り、処理し、結果を返します。

3 番目のパラメーターはコールバック関数です。最初のコールバック パラメータには要求されたページのコンテンツが保存され、2 番目のパラメータにはリクエストのステータスが保存されます。

ヒント: この PHP ファイル ("demo_test_post.php") は次のようになります:

<?php
$name = isset($_POST['name']) htmlspecialchars($_POST['name']) ) : '';
$city = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : '';
echo 'ウェブサイト名: ' $name;
echo "n" ;
echo 'URL アドレス: ' .$city;
?>