首頁  >  文章  >  web前端  >  jquery$.get()方法

jquery$.get()方法

无忌哥哥
无忌哥哥原創
2018-06-29 15:11:216126瀏覽

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