首页 > Web开发 > 详细

AJAX基础学习

时间:2017-06-23 18:10:15      阅读:316      评论:0      收藏:0      [点我收藏+]

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基础学习

原文:http://www.cnblogs.com/gzya/p/7070921.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!