Jquery的$.ajax( options )方法

本文介绍了 jQuery 中 $.ajax() 方法的基础使用方法及其回调函数的作用,包括 beforeSend、success、error 和 complete,并展示了如何设置默认参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通过 HTTP 请求加载远程数据,jQuery 的底层 Ajax 实现

1,$.ajax()方法是jQuery中最底层的Ajax实现,load()、$.get()、$.post()、$.getScript()和$.getJSON()这些方法,都是基于$.ajax()方法构造的,它的语法为:$.ajax(options) 

示例:

$.ajax({ type: “GET”,//设置请求方式 url: 

          “9-8.js”, //设置请求的URL  

            dataType: “script”//设置返回数据的类型 })


2,用法举例

function Ajax(){ $.ajax({
  type: "GET",
  url: "9-14.asp",
  data: "user="+escape($("#user").val())+ "&comment="+escape($("#comment").val()),
beforeSend:function(){ $("#target").html("<img src='loading.gif' /><br>正在载入…");}, 
error:function(){$("#target").html("<p>载入失败</p>");},
success: function(data){ //请求成功时
$("#target").html(data);
} }); }


beforeSend:发送请求之前调用的回调函数,该函数接受一个惟一的参数,即XMLHttpRequest对象作为参数。
success:在请求成功时调用的回调函数,该函数接受两个参数,第一个参数为服务器返回的数据data,第2个参数为服务器的状态textStatus。
error请求失败时调用的回调函数。
complete请求完成时调用的回调函数(无论请求是成功还是失败),如果同时设置了success或error,则在它们执行完之后才执行complete中的回调函数。


当一个页面中有多个地方都需要利用Ajax方法进行异步通信时,可以利用$.ajaxSetup(options)方法统一设定所有Ajax方法中的参数   $.ajaxSetup({type: "GET", url:"10-13.asp“  });


① $.ajax()方法中的data数据一般不能用$.ajaxSetup(options)方法统一设定,因为传送给服务器的数据是用户在表单中输入的,每次都不同,而$.ajaxSetup(options)方法只会在页面初始化时运行一次,此时用户还没有输入数据,因此会获取不到。
② $.ajaxSetup(options)方法不能设置load()方法的相关操作,如果设置请求类型type为"GET",也不会改变$.post()方法采用POST方式。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

技术与健康

你的鼓励将是我最大的创作动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值