首页常见问题正文

$.get()方法的作用是什么?

更新时间:2024-03-08 来源:黑马程序员 浏览量:

IT培训班

  jQuery中的$.get()方法,用于按照GET方式与服务器通信,语法格式如下。

$.get(url, [data], [function(data, status, xhr)], [dataType])

  从上述语法可以看出,$.get()是jQuery的静态方法,由“$”对象直接调用。$.get()方法的参数的含义如表6-3所示。

  表6-3 $.get()方法的参数的含义

  为了使读者更好地理解$.get()方法的使用方式,下面笔者通过案例演示其常见的用法。

  案例一:使用$.get()方法请求数据

  使用$.get()方法请求6.2.1小节编写的target.html文件,并将返回的数据显示到页面指定位置。HTML代码片段如demo6-4.html所示。

  demo6-4.html

<button id="btn">加载数据</button>
<div id="box"></div>
<script>
    $('#btn').click(function() {
        $.get('target.html', function(data) {
            $('#box').html(data);
        }, 'html');
    });
</script>

  上述第5行代码,$.get()的第2个参数表示请求成功后执行的回调函数。其中,回调函数的参数data表示服务器返回的数据。第6行代码用于将返回的数据替换到id值为box的元素中。

分享到:
在线咨询 我要报名
和我们在线交谈!