jQuery中的get()方法使用以下命令从服务器加载数据GET HTTP请求。该方法返回XMLHttpRequest目的。
语法
$.get( url, [data], [callback], [type] )
参数
- url:包含要发送请求的URL的字符串
- data:这是一个可选参数, 表示将要发送到服务器的键/值对。
- callback:此可选参数表示每当成功加载数据时将执行的函数。
- type:此参数表示要返回给回调函数的数据类型, 即" xml", " script", " json", " html", " html", " jsonp"或" text"。
例子:
当以下html程序发送HTTP GET请求时, 此PHP代码用于获取数据。
//Result.php file
<?php
if ( $_REQUEST [ "name" ] ) {
$name = $_REQUEST [ 'name' ];
echo "Welcome " . $name ;
}
?>
此HTML代码用于发送HTTP GET请求。
<html>
<head>
<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: "GFG"
}, function(data) {
$('#stage').html(data);
});
});
});
</script>
</head>
<body>
<p>Click on the button to load result file
</p>
<span id = "stage"
style = "background-color:#cc0;">
lsbin
</span>
<div>
<input type = "button"
id = "driver"
value = "Load Data" />
</div>
</body>
</html>
输出如下:
在单击按钮之前:
单击按钮后:
更多前端开发相关内容请参考:lsbin - IT开发技术:https://www.lsbin.com/
查看以下更多jQuery相关的内容:
- jQuery bind()方法:https://www.lsbin.com/3553.html
- jQuery each()处理DOM元素:https://www.lsbin.com/3276.html
- jQuery param()方法用法:https://www.lsbin.com/3094.html