JQuery中的load()方法如何實現(xiàn)Ajax功能

這篇文章主要為大家展示了“JQuery中的load()方法如何實現(xiàn)Ajax功能”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JQuery中的load()方法如何實現(xiàn)Ajax功能”這篇文章吧。

創(chuàng)新互聯(lián)公司是網站建設技術企業(yè)，為成都企業(yè)提供專業(yè)的成都網站制作、成都網站設計，網站設計，網站制作，網站改版等技術服務。擁有十載豐富建站經驗和眾多成功案例，為您定制適合企業(yè)的網站。十載品質，值得信賴！

之前寫到的是在傳統(tǒng)的Javascript中使用XMLHttpRequest對象異步加載數(shù)據的，唉，童鞋.......看到那些代碼是不是有點頭疼啊!呵呵......不僅是你，我都有點反感了，不僅要判斷瀏覽器，還要......反正就是有一大坨代碼，看起來毫不爽，現(xiàn)在，讓我們忘記拿一大坨吧(記?。哼@里不是真的忘記哦！好像許多公司面試Ajax這塊內容時，都會讓你不用拖控件的方式寫一個原生態(tài)的Ajax程序呢，所以它的重要性，你懂的！)！好了，說了這么多，應該“忘記”了吧你！呵呵......見證奇跡的時刻到了(嗚嗚......不要說我在吹牛??！這不是我說的，這劉謙說的，有什么事找他啊！)！在JQuery中，使用load()方法就可以輕松的實現(xiàn)獲取異步加載數(shù)據的功能了，現(xiàn)在讓幾行代碼代替這一大坨吧?。ㄊ紫?，還是和以前一樣，先新建1.htm和2.htm兩個頁面吧?。?br/>在1.htm中的代碼如下：

<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> //注意：這個可別忘記加??！
<script type="text/javascript">
$(function () {
$("#btnGet").click(function () {//按鈕的點擊事件
$("#divMsg").load("2.htm");//調用load()方法 ; load語法格式：load(url,[data],[callback]):其中url為被加載的頁面地址;可選參數(shù)data為要發(fā)送到服 //務器的數(shù)據，其格式是一個key/value;callback為加載成功后，返回至加載頁面的回調函數(shù)
})
}) //這里一定要注意了哦！括號一定要 “ 成對的同時 ”打好哦，當你寫的代碼多的時候，在這個點上一不小心就會出錯的！
</script>
</head>
<body>
<input type="button" id="btnGet" value="獲取數(shù)據" />
<div id="divMsg">
</div>
</body>
</html>

在2.htm中的代碼如下：

以上是“JQuery中的load()方法如何實現(xiàn)Ajax功能”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：JQuery中的load()方法如何實現(xiàn)Ajax功能
標題鏈接：http://chinadenli.net/article4/joieie.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網站建設、品牌網站設計、網站改版、電子商務、商城網站、自適應網站

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JQuery中的load()方法如何實現(xiàn)Ajax功能