jQuery中ajax - get() 方法實例詳解
在jquery中使用get，post和ajax方法給服務(wù)器端傳遞數(shù)據(jù)，在上篇文章給大家分享了jquery中ajax-post()方法實例，下面通過本文繼續(xù)學(xué)習(xí)jQuery中ajax - get() 方法，具體介紹請看下文。
實例
使用 AJAX 的 GET 請求來改變 div 元素的文本：
$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});
親自試一試
定義和用法
get() 方法通過遠(yuǎn)程 HTTP GET 請求載入信息。
這是一個簡單的 GET 請求功能以取代復(fù)雜 $.ajax 。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù)，請使用 $.ajax。
語法
$(selector).get(url,data,success(response,status,xhr),dataType)
詳細(xì)說明
該函數(shù)是簡寫的 Ajax 函數(shù)，等價于：
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
根據(jù)響應(yīng)的不同的 MIME 類型，傳遞給 success 回調(diào)函數(shù)的返回數(shù)據(jù)也有所不同，這些數(shù)據(jù)可以是 XML root 元素、文本字符串、JavaScript 文件或者 JSON 對象。也可向 success 回調(diào)函數(shù)傳遞響應(yīng)的文本狀態(tài)。
對于 jQuery 1.4，也可以向 success 回調(diào)函數(shù)傳遞 XMLHttpRequest 對象。
示例
請求 test.php 網(wǎng)頁，忽略返回值：
$.get("test.php");
更多示例
例子 1
請求 test.php 網(wǎng)頁，傳送2個參數(shù)，忽略返回值：
$.get("test.php", { name: "John", time: "2pm" } );
例子 2
顯示 test.php 返回值(HTML 或 XML，取決于返回值)：
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});
例子 3
顯示 test.cgi 返回值(HTML 或 XML，取決于返回值)，添加一組請求參數(shù)：
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
jquery ajax 的 $.get（）用法詳解
js文件
$(document).ready(function(){
$("form").submit(function(event) {event.preventDefault()})//取消submit的默認(rèn)行為
$("form input[type='submit']").click(function(){
var url = $('form').attr('action'); // 取Form中要提交的鏈接
var param = {}; // 組裝發(fā)送參數(shù)
param['name'] = $('form input[name=name]').val();
param['age'] = $('form input[name=age]').val();
$.get(url, param, function(dom) { $('div.get').append(dom) }) ; // 發(fā)送并顯示返回內(nèi)容
});
})
html文件
<form action="ajax.php" method="get"> Name: <input type="text" name="name" /> Age: <input type="text" name="age" /> <input type="submit" /> </form> <div class="get">這是ajax的get方法</div>
php文件
error_reporting(0);
if($_GET["name"]=="kitty")
{
$name= "you are the lucky";
}
else
$name=$_GET["name"];
$age=$_GET["age"];
echo "<div> ".$name." ".$age."</div>";
以上介紹就是本文給大家分享的jQuery中ajax - get() 方法實例詳解，希望大家喜歡。
- jQuery中ajax的load()與post()方法實例詳解
- jquery中g(shù)et,post和ajax方法的使用小結(jié)
- jquery 讀取頁面load get post ajax 四種方式代碼寫法
- jQuery中Ajax的get、post等方法詳解
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法詳解
- jQuery中ajax的get()方法用法實例
- jQuery中ajax的load()方法用法實例
- 詳談jQuery Ajax(load,post,get,ajax)的用法
相關(guān)文章
最近小編在研究嵌入式開發(fā)的課程設(shè)計，接下來通過本篇文章給介紹了Boa服務(wù)器下的ajax與cgi通信的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-07-07
這篇文章主要介紹了asp.net+ajax簡單分頁實現(xiàn)方法,結(jié)合實例形式較為詳細(xì)的分析了ajax分頁的具體實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了基于ajax實現(xiàn)無刷新分頁的方法,實例分析了Ajax實現(xiàn)分頁的技巧,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了ajax三級聯(lián)動下拉菜單的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
django ajax提交評論并自動刷新功能的實現(xiàn)代碼
這篇文章主要介紹了django ajax提交評論并自動刷新功能的實現(xiàn)代碼,需要的朋友可以參考下2017-06-06
前段時間在做程序的時候發(fā)現(xiàn)一個小問題，在寫后臺管理上傳圖片時，在我進(jìn)行用Form表單提交的時候直接跳出來提交返回值的頁面并且原先的頁面刷新，下面小編通過分享本文給大家解析下2016-10-10
很多登錄界面都有驗證碼功能局部刷新效果，接下來通過本文給大家分享ajax實現(xiàn)帶有驗證碼的局部刷新登錄界面，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了Ajax加載菊花loding效果的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
ajax用json實現(xiàn)數(shù)據(jù)傳輸
本文主要介紹了ajax用json實現(xiàn)數(shù)據(jù)傳輸?shù)姆椒ǎ哂泻芎玫膮⒖純r值。下面跟著小編一起來看下吧2017-03-03
ajax獲得json對象數(shù)組 循環(huán)輸出數(shù)據(jù)的方法
今天小編就為大家分享一篇ajax獲得json對象數(shù)組 循環(huán)輸出數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08