html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别

.load()方法是局部方法，因为他需要一个包含元素的jQuery

对象作为前缀。而$.get()和$.post()是全局方法，无须指定某个元素。对于用途而言，.load()适合做静态文件的异步获取，而对于需要传递参数到服务器页面的，$.get()和$.post()更加合适。

$get()、$,post()具体区别如下：

1.GET 请求是通过URL 提交的，而POST 请求则是HTTP 消息实体提交的；

2.GET 提交有大小限制(2KB)，而POST 方式不受限制；

3.GET 方式会被缓存下来，可能有安全性问题，而POST 没有这个问题；

4.GET 方式通过$_GET[]获取，POST 方式通过$_POST[]获取。

.load()方法可以有三个参数：url(必须，请求html

文件的url 地址，参数类型为String)、data(可选，发送的key/value

数据，参数类型为Object)、callback(可选，成功或失败的回调函数，参数类型为函数Function)。

如果想让Ajax 异步载入一段HTML 内容，我们只需要一个HTML 请求的url 即可。

//HTML

//jQuery

$('input').click(function () {

$('#box').load('test.html');

});

$.get()方法有四个参数，前面三个参数和.load()一样，多了一个第四参数type，即服务器返回的内容格式：包括xml、html、script、json、jsonp

和text。第一个参数为必选参数，后面三个为可选参数。

//使用$.get()异步返回html 类型

$('input').click(function () {

$.get('test.php', {

url : 'ycku'

}, function (response, status, xhr) {

if (status == 'success') {

$('#box').html(response);

}

}) //type 自动转为html

});

$.post()方法的使用和$.get()基本上一致，他们之间的区别也比较隐晦，基本都是背后的不同，在用户使用上体现不出。

//使用$.post()异步返回html

$.post('test.php', {

url : 'ycku'

}, function (response, status, xhr) {

$('#box').html(response);

});

参考：李炎恢老师JQuery视频教程中Ajax章节

html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别相关推荐

在Linux中su和sudo区别,Linux中su和sudo的用法和区别
目录 sudo sudo:暂时切换到超级用户模式以执行超级用户权限,提示输入密码时该密码为当前用户的密码,而不是超级账户的密码.缺点是每次执行超级用户权限都要在命令前加上 sudo ,优点是在当前终端 ...
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别? 在我们深入了解这些方法之前,我们先来一段常见的的HTML,作为我们编写jquery示例方法使 ...
jQuery中hover与mouseover和mouseout的区别分析
本文实例分析了jQuery中hover与mouseover和mouseout的区别.分享给大家供大家参考,具体如下: 以前一直以为在jquery中其实mouseover和mouseout两个事件等于h ...
jQuery中 parent child 与 ance desc 的区别
jQuery中< parent > child >与< ance desc >的区别 (1)< ance desc > 使用$("ance desc ...
jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
jQuery中的$(window)与$(document)的用法区别
[window对象] 它是一个顶层对象,而不是另一个对象的属性,即表示浏览器中打开的窗口. 1.属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个 ...
jquery 中后代遍历之children、find区别
jquery 中children.find区别首先看一段HTML代码,如下: 1 <table id="tb"> 2 <tr> 3 <td>0 ...
jQuery中$(document).ready()和window.onload的区别？
document.ready和document.load的区别?(JQ中的$(document).ready()和window.onload的区别?) window.onload,是采用DOM0级事件 ...
jquery 中 $(document).ready() 与window.onload 的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 windo ...

html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别

html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别相关推荐

最新文章

热门文章