AJAX基础学习

2021-07-16 11:06

阅读:954

标签:方式   返回   服务器   function   回调函数   rip   函数   使用   jquer   

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("
  • " + sport["name"] + "
  • "); }); }) })

    3.

     

    AJAX基础学习

    标签:方式   返回   服务器   function   回调函数   rip   函数   使用   jquer   

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


    评论


    亲,登录后才可以留言!