首页 > 代码库 > AJAX基础学习

AJAX基础学习

2024-10-10 18:52:02   215人阅读

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


联系
我们