更新时间:2024-03-08 来源:黑马程序员 浏览量:
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的元素中。