Jquery-ajax-jquery-get
提供:Dev Guides
jQuery-jQuery.get()メソッド
説明
- jQuery.get(url、[data]、[callback]、[type])*メソッドは、GET HTTP要求を使用してサーバーからデータをロードします。
メソッドはXMLHttpRequestオブジェクトを返します。
構文
このメソッドを使用するための簡単な構文は次のとおりです-
$.get( url, [data], [callback], [type] )
パラメーター
これは、この方法で使用されるすべてのパラメータの説明です-
- url -リクエストの送信先のURLを含む文字列
- データ-このオプションのパラメータは、サーバーに送信されるキー/値のペアを表します。
- 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){
$.get(
"result.php",
{ name: "Zara" },
function(data) {
$('#stage')l(data);
}
);
});
});
</script>
</head>
<body>
<p>Click on the button to load resultl file −</p>
<span id = "stage" style = "background-color:#cc0;">
STAGE
</span>
<div><input type = "button" id = "driver"
value = "Load Data"/></div>
</body>
</html>
これは、次の結果を生成する必要があります-