html5的ajax学习(实战篇)

一、百度的智能搜索提醒

html5的ajax学习(实战篇)_第1张图片
2016-07-26_08-05-31.gif

二、代码




    
    百度
    
    


三、jquery的遍历方法

1.普通数组
var arr1 = [0, 3, 5];
$.each(arr1,function (i) {
alert(arr1[i]);
});
结果:0,3,5

2.json对象
var jsonData = {"tom": 20, "jerry": 21 };
$.each(jsonData,function (key, value) {
    alert(key + "_" + value);
});
结果:tom_20, jerry_21

$.each(jsonData,function (i) {
     alert(jsonData[i]);
});
结果:20,21

3.json对象数组($.getJSON里面常用)
var jsonArray = [ { "tom": 20, "jerry": 21 }, { "tom": 22,"jerry": 23} ];
$.each(jsonArray,function (i) {
  alert(jsonArray[i].tom);
});
结果:20,22

遍历参考:IT徐胖子的专栏http://blog.csdn.net/woshixuye/article/details/7416949

你可能感兴趣的:(html5的ajax学习(实战篇))