jQuery的ajax用法整理匯總

本文通過幾個實例展示了jQuery如何使JavaScript編程變得更加簡潔和優雅,包括使用get和post方法發送請求、通過HTTP GET載入JSON數據以及執行JavaScript文件等。
有人說jQuery可以讓js編程變得很優雅,一直以来不太相信,因为我之前一直都是使用原型开发
今天学了一下jQuery感觉确实是能当得起优雅这两个字.

//如果要轉載本文請注明出處,免的出現版權紛爭,我不喜歡看到那種轉載了我的作品卻不注明出處的人 Seven{See7di#Gmail.com}

用get方法發送數據到test.php,同時傳遞兩個參數,回調函數顯示服務器的輸出內容,php端用$_GET["name"]取得參數
$.get("test.php", { name: "John1", time: "2pm" }, function(msg){
alert( "Data Saved: " + msg );
});

用post方法發送數據到test.php,同時傳遞兩個參數,回調函數顯示服務器的輸出內容,php端用$_POST["name"]取得參數
$.post("test.php", { name: "John2", time: "2pm" }, function(msg){
alert( "Data Saved: " + msg );
});

用post方法發送數據到test.php,同時傳遞兩個參數,回調函數顯示服務器的輸出內容,php端用$_POST["name"]取得參數
$.ajax({
type: "POST",
url: "test.php",
data: "name=風景&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});

通过 HTTP GET 请求载入 JSON 数据
$.getJSON("test.php?name=風景1&location=Boston", function(data){
alert( "Data Saved: " + data );
});


通过 HTTP GET 请求载入并执行一个 JavaScript 文件
$.getScript("custom.js", function(data){
alert( "Data Saved: " + data );
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值