首页 >web前端 >js教程 >jquery$.get()方法

jquery$.get()方法

无忌哥哥
无忌哥哥原创
2018-06-29 15:11:216153浏览

jquery $.get方法获取数据

* $.get(url,data,success)

* 功能: 从服务器上异步地获取数据

* 参数: url 请求的服务器处理脚本或数据源

* data 发送给服务器的数据,通常是查询字符串

* success 获取成功的回调处理函数

* 模式:

* 1.单向: 仅获取数据

* 2.双向: 根据客户端提供的条件进行查询后返回指定数据

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery $.get()</title>
</head>
<body>
<div></div>
<button>获取数据</button>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(&#39;button&#39;).click(function(){
//1.单向传递数据: 客户端直接向服务器请求数据
var url = &#39;api/data.php&#39;
var success = function(res) {
$(&#39;div&#39;).html(res)
}
$.get(url, success)
//2.双向传递: 客户端带上查询参数向服务器请求数据
var url = &#39;api/data.php&#39;
// var data = &#39;name=site&#39;
// var data = &#39;name=domain&#39;
var data = {
// &#39;name&#39;: &#39;site&#39;
&#39;name&#39;: &#39;domain&#39;
// &#39;name&#39;: &#39;hello&#39;
}
var success = function(res) {
$(&#39;div&#39;).html(res)
}
$.get(url, data, success)
})
</script>

以上是jquery$.get()方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn