Jquery-ajax-jquery-post
提供:Dev Guides
jQuery-jQuery.post()メソッド
説明
- jQuery.post(url、[data]、[callback]、[type])*メソッドは、POST HTTP要求を使用してサーバーからページをロードします。
メソッドはXMLHttpRequestオブジェクトを返します。
構文
このメソッドを使用するための簡単な構文は次のとおりです-
$.post( url, [data], [callback], [type] )
パラメーター
これは、この方法で使用されるすべてのパラメータの説明です-
- url -リクエストの送信先のURLを含む文字列
- data -このオプションのパラメーターは、サーバーに送信されるキー/値のペアまたは.serialize()関数の戻り値を表します。
- callback -このオプションのパラメーターは、データが正常にロードされるたびに実行される関数を表します。
- type -このオプションのパラメータは、コールバック関数に返されるデータのタイプを表します:「xml」、「html」、「script」、「json」、「jsonp」、または「text」。
例
result.phpファイルに次のPHPコンテンツがあると仮定します-
<?php
if( $_REQUEST["name"] ) {
$name = $_REQUEST['name'];
echo "Welcome ". $name;
}
?>
以下は、このメソッドの使用方法を示す簡単な例です-
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#driver").click(function(event){
$.post(
"result.php",
{ name: "Zara" },
function(data) {
$('#stage')l(data);
}
);
});
});
</script>
</head>
<body>
<p>Click on the button to load resultl file −</p>
<div id = "stage" style = "background-color:cc0;">
STAGE
</div>
<input type = "button" id = "driver" value = "Load Data"/>
</body>
</html>
これは、次の結果を生成する必要があります-