AJAX基礎學習
阿新 • • 發佈:2017-06-23
isa 獲取 獲取數據 指定 異步 .get nbsp http ble 或
1.load( )方法
使用load()
方法通過Ajax請求加載服務器中的數據,並把返回的數據放置到指定的元素中,它的調用格式為:
load(url,[data],[callback])
參數url為加載服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功後,執行的回調函數。
缺點:獲取的內容必須先插入頁面,才能進行處理。執行效率不高。
2.getJSON
通過全局函數獲取數據,遍歷數據顯示。
使用getJSON()
方法可以通過Ajax異步請求的方式,獲取服務器中的數據,並對獲取的數據進行解析,顯示在頁面中,它的調用格式為:
jQuery.getJSON(url,[data],[callback])
$.getJSON(url,[data],[callback])
其中,url參數為請求加載json格式文件的服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功後,執行的回調函數。
$("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index,sport) { //index,json數據下標。sport下標的值。 if(index==2) $("ul").append("<li>" + sport["name"] + "</li>"); }); }) })
3.
AJAX基礎學習