首頁 > web前端 > js教程 > 主體

jquery$.get()方法

无忌哥哥
發布: 2018-06-29 15:11:21
原創
6133 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!