jquery 异步执行事件

常用选项参数介绍:
url:请求地址
type:请求方法,默认为 get
dataType:服务端响应数据类型
contentType:请求体内容类型,默认 application/x-www-form-urlencoded
data:需要传递到服务端的数据,如果 GET 则通过 URL 传递,如果 POST 则通过请求体传递
timeout:请求超时时间
beforeSend:请求发起之前触发
success:请求成功之后触发(响应状态码 200)
error:请求失败触发
complete:请求完成触发(不管成功与否)

代码:

$.ajax({
  url: 'json.php',
  type: 'post',
  // 设置的是请求参数
  data: { id: 1, name: '张三' },
  // 用于设置响应体的类型 注意 跟 data 参数没关系!!!
  dataType: 'json',
  success: function (res) {
    // 一旦设置的 dataType 选项,就不再关心 服务端 响应的 Content-Type 了
    // 客户端会主观认为服务端返回的就是 JSON 格式的字符串
    console.log(res)
  }
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用 jQuery 中的 AJAX 方法来实现异步无刷新删除。具体实现步骤如下: 1. 给删除按钮绑定点击事件。 2. 在点击事件中,使用 AJAX 发送一个 POST 请求,向服务器发送删除请求,并带上要删除的数据的 ID。 3. 服务器接收到请求后,删除对应的数据。 4. AJAX 接收到服务器返回的响应后,根据响应结果,执行相应的操作,比如移除页面上对应的元素等。 以下是一个示例代码: ``` // 给删除按钮绑定点击事件 $('.delete-btn').click(function() { var id = $(this).data('id'); // 获取要删除的数据的 ID // 发送 AJAX 请求 $.ajax({ url: '/delete', type: 'POST', data: { id: id }, // 带上要删除的数据的 ID success: function(resp) { // 根据响应结果执行操作 if (resp.success) { // 删除成功,移除页面上对应的元素 $('#item-' + id).remove(); } else { // 删除失败,弹出错误提示 alert(resp.message); } }, error: function() { // 发生错误,弹出错误提示 alert('删除失败,请稍后重试!'); } }); }); ``` 在上述示例代码中,我们给删除按钮绑定了一个点击事件,当用户点击按钮时,会发送一个 POST 请求到服务器,请求删除对应的数据。服务器接收到请求后,删除对应的数据,并返回一个 JSON 格式的响应结果。如果删除成功,响应结果中的 success 属性为 true,我们就可以移除页面上对应的元素;如果删除失败,响应结果中的 success 属性为 false,我们就可以弹出错误提示。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值