jq中ajax怎么用,jQuery的AJAX函数的使用

什么是 AJAX?

AJAX = Asynchronous JavaScript and XML.

AJAX 是一种创建快速动态网页的技术。

AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新。

AJAX 和 jQuery

jQuery 提供了用于 AJAX 开发的丰富函数(方法)库。

通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。

Load函数

$(selector).load(url,data,function(response,status,xhr)))

最简单的运用,载入网页一个文件,例如txt,html

如:$('#myDiv').load('/jquery/test1.txt');就是将放在jquery文件夹中的test1.txt文件中的字载入网页的class="muDiv"节点中。

get() 方法

$(selector).get(url,data,success(response,status,xhr),dataType)

url 必需。规定将请求发送的哪个 URL。

data 可选。规定连同请求发送到服务器的数据。

success(response,status,xhr)可选。规定当请求成功时运行的函数。

response - 包含来自请求的结果数,status - 包含请求的状态,xhr - 包含 XMLHttpRequest 对象

dataType可选。规定预计的服务器响应的数据类型。

如果写成ajax,就是:

$.ajax({

url: url,

data: data,

success:

success,

dataType: dataType

});

post() 方法

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

同理:ajax表示:

$.ajax({

type: 'POST',

url: url,

data: data,

success: success,

dataType:dataType

});

ajaxError()

ajaxError() 方法在 AJAX 请求发生错误时执行函数。它是一个 Ajax 事件。

即当 AJAX 请求失败时使用

$("div").ajaxError(function(){ alert("An error occurred!"); });比如失败时弹出提示框

ajaxSuccess() 方法

同理ajaxSuccess() 方法在 AJAX 请求成功时执行函数。它是一个 Ajax 事件

这是最常用的几个方法,其他还有自行寻找。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值