菜鳥蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)_AJAX教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:菜鳥蔡之Ajax復(fù)習(xí)第一篇(后臺(tái)asp.net)(傳統(tǒng)的JavaScript方法實(shí)現(xiàn)Ajax功能)Ajax是Asynchronous JavaScript and XML,其核心是通過XMLHttpRequest對(duì)象以一種異步的方式向服務(wù)器發(fā)送請(qǐng)求,并通過該對(duì)象接收請(qǐng)求返回的數(shù)據(jù),從而完成人機(jī)交互的數(shù)據(jù)操作(呵呵、、、說的有點(diǎn)嚇人!)
在上一篇博客中寫到的是在傳統(tǒng)的Javascript中使用XMLHttpRequest對(duì)象異步加載數(shù)據(jù)的,唉,童鞋.......看到那些代碼是不是有點(diǎn)頭疼啊!呵呵......不僅是你,我都有點(diǎn)反感了,不僅要判斷瀏覽器,還要......反正就是有一大坨代碼,看起來毫不爽,現(xiàn)在,讓我們忘記拿一大坨吧(記�。哼@里不是真的忘記哦!好像許多公司面試Ajax這塊內(nèi)容時(shí),都會(huì)讓你不用拖控件的方式寫一個(gè)原生態(tài)的Ajax程序呢,所以它的重要性,你懂的!)!好了,說了這么多,應(yīng)該“忘記”了吧你!呵呵......見證奇跡的時(shí)刻到了(嗚嗚......不要說我在吹牛啊!這不是我說的,這劉謙說的,有什么事找他��!)!在JQuery中,使用load()方法就可以輕松的實(shí)現(xiàn)獲取異步加載數(shù)據(jù)的功能了,現(xiàn)在讓幾行代碼代替這一大坨吧�。ㄊ紫�, 還是和以前一樣,先新建1.htm和2.htm兩個(gè)頁面吧!)在1.htm中的代碼如下:
復(fù)制代碼 代碼如下:www.hl5o.cn
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> //注意:這個(gè)可別忘記加�。�
<script type="text/javascript">
$(function () {
$("#btnGet").click(function () {//按鈕的點(diǎn)擊事件
$("#divMsg").load("2.htm");//調(diào)用load()方法 ; load語法格式:load(url,[data],[callback]):其中url為被加載的頁面地址;可選參數(shù)data為要發(fā)送到服 //務(wù)器的數(shù)據(jù),其格式是一個(gè)key/value;callback為加載成功后,返回至加載頁面的回調(diào)函數(shù)
})
}) //這里一定要注意了哦!括號(hào)一定要 “ 成對(duì)的 同時(shí) ”打好哦,當(dāng)你寫的代碼多的時(shí)候,在這個(gè)點(diǎn)上一不小心就會(huì)出錯(cuò)的!
</script>
</head>
<body>
<input type="button" id="btnGet" value="獲取數(shù)據(jù)" />
<div id="divMsg">
</div>
</body>
</html>
在2.htm中的代碼如下:
復(fù)制代碼 代碼如下:www.hl5o.cn
寫完了,在這里希望大俠們不要見笑�。∫�?yàn)槲冶緛砭褪遣伺2�,寫出來的東西就有點(diǎn)二了,只當(dāng)給自己復(fù)習(xí)一下吧!
分享:ajax中文亂碼的各種解決辦法總結(jié)下面總結(jié)了在不同編程語言中出現(xiàn)ajax中文亂碼的各種解決辦法,下面有需要的朋友可參考一下
相關(guān)AJAX教程:
- Ajax中瀏覽器的緩存問題解決方法
- AJAX和WebService實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)具體代碼
- ajax 登錄功能簡(jiǎn)單實(shí)現(xiàn)(未連接數(shù)據(jù)庫)
- AJAX和WebService實(shí)現(xiàn)郵箱驗(yàn)證(無刷新驗(yàn)證郵件地址是否合法)
- AJAX和三層架構(gòu)實(shí)現(xiàn)分頁功能具體思路及代碼
- 使用AJAX返回WebService里的集合具體實(shí)現(xiàn)
- AJAX獲取服務(wù)器當(dāng)前時(shí)間及時(shí)間格式輸出處理
- ajax傳遞多個(gè)參數(shù)具體實(shí)現(xiàn)
- ajax傳遞一個(gè)參數(shù)具體實(shí)現(xiàn)
- 滑輪滾動(dòng)到頁面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)探討
- jQery ajax——load()方法示例介紹
- jQuery+Ajax實(shí)現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
AJAX教程Rss訂閱編程教程搜索
AJAX教程推薦
猜你也喜歡看這些
- ajax中文亂碼問題解決方案
- Ajax開發(fā)過程中提交獲取數(shù)據(jù)的亂碼問題
- 站長(zhǎng)推薦:Ajax技術(shù)概述與現(xiàn)狀應(yīng)用
- XMLHTTP組件相關(guān)技術(shù)資料
- AJAX如何處理書簽和后退按鈕
- 解讀AJAX在Post中文的時(shí)候解決亂碼的方法
- 如何克服對(duì)Ajax應(yīng)用的阻礙
- 菜鳥蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)
- ajax中文亂碼的各種解決辦法總結(jié)
- 如何結(jié)合MS AJAX將js文件編譯到動(dòng)態(tài)鏈接庫
- 相關(guān)鏈接:
復(fù)制本頁鏈接| 搜索菜鳥蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)
- 教程說明:
AJAX教程-菜鳥蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)
。