位置: 编程技术 - 正文

基于jQuery中ajax的相关方法汇总(必看篇)

编辑:rootadmin

推荐整理分享基于jQuery中ajax的相关方法汇总(必看篇),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

前提条件

话说是jquery中的ajax方法,那么前提条件当然是引入jquery啦。

具体方法

①load()

使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:

load(url,[data],[callback])

参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。

例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在<div>元素中,并将加载按钮变为不可用。如下图所示:

②使用getJSON()方法异步加载JSON格式数据

使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为:

jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])

其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。

例如,点击页面中的“加载”按钮,调用getJSON()方法获取服务器中JSON格式文件中的数据,并遍历数据,将指定的字段名内容显示在页面中。如下图所示:

③使用getScript()方法异步加载并执行js文件

使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示:

jQuery.getScript(url,[callback])或$.getScript(url,[callback])

参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。

例如,点击“加载”按钮,调用getScript()加载并执行服务器中指定名称的JavaScript格式的文件,并在页面中显示加载后的数据内容,如下图所示:

在浏览器中显示的效果:

④使用get()方法以GET方式从服务器获取数据

使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下:

$.get(url,[callback])

参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。

例如,当点击“加载”按钮时,调用get()方法向服务器中的一个.php文件以GET方式请求数据,并将返回的数据内容显示在页面中,如下图所示:

⑤使用post()方法以POST方式从服务器发送数据

与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下:

$.post(url,[data],[callback])

参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。

基于jQuery中ajax的相关方法汇总(必看篇)

例如,在输入框中录入一个数字,点击“检测”按钮,调用post()方法向服务器以POST方式发送请求,检测输入值的奇偶性,并显示在页面中,如下图所示:

⑥使用serialize()方法序列化表单元素值

使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下:

$(selector).serialize()

其中selector参数是一个或多个表单中的元素或表单元素本身。

例如,在表单中添加多个元素,点击“序列化”按钮后,调用serialize()方法,将表单元素序列化后的标准URL编码文本字符串显示在页面中,如下图所示:

在浏览器中的显示效果:

⑦使用ajax()方法加载服务器数据

使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下:

jQuery.ajax([settings])或$.ajax([settings])

其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。

例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,并将返回的文件中的内容显示在页面,如下图所示:

⑧使用ajaxSetup()方法设置全局Ajax默认选项

使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为:

jQuery.ajaxSetup([options])或$.ajaxSetup([options])

可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。

例如,先调用ajaxSetup()方法设置全局的Ajax选项值,再点击两个按钮,分别使用ajax()方法请求不同的服务器数据,并将数据内容显示在页面,如下图所示:

⑨使用ajaxStart()和ajaxStop()方法

ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为:

$(selector).ajaxStart(function())和$(selector).ajaxStop(function())

其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。

例如,在调用ajax()方法请求服务器数据前,使用动画显示正在加载中,当请求成功后,该动画自动隐藏,如下图所示:

在浏览器中的结果:

从图中可以看出,由于使用ajaxStart()和ajaxStop()方法绑定了动画元素,因此,在开始发送Ajax请求时,元素显示,请求完成时,动画元素自动隐藏。

以上这篇基于jQuery中ajax的相关方法汇总(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

基于jQuery的$.getScript方法去加载javaScript文档解析 1.两个文件的代码如下:scriptfunctionAjax(){//将9-4.html中的Ajax()函数进行修改$.getScript('9-8.js',function(data){varhtml="tableborder='1'cellpadding='2'";$.each(comments,function(In

jQuery实现的简单无刷新评论功能示例 本文实例讲述了jQuery实现的简单无刷新评论功能。分享给大家供大家参考,具体如下:htmlxmlns="

基于Datatables跳转到指定页的简单实例 因为项目用到Datatables发现在分页特别多时无法跳转到指定页,自己动手增加了#Datatables跳转到指定页#功能,实现代码如下:table=$('#user-table').dataTable({"bA

标签: 基于jQuery中ajax的相关方法汇总(必看篇)

本文链接地址:https://www.jiuchutong.com/biancheng/368537.html 转载请保留说明!

上一篇:EasyUI实现下拉框多选功能(easyui给下拉框赋值)

下一篇:基于jQuery的$.getScript方法去加载javaScript文档解析(基于jQuery的设计与实现)

  • 进口商品需要缴纳哪些税
  • 城建税要减进项税吗
  • 车船税可以免掉吗
  • 净利润是指税前利润
  • 进口商品需要缴纳VAT税吗
  • 收到股东投资款怎么做账
  • 成本结算怎么处理?
  • 房地产按揭是什么意思
  • 出售无形资产属于资产处置损益吗
  • 红字发票申请表盖什么章
  • 预缴增值税如何计提
  • 小规模残保金优惠政策2019
  • 房地产企业营改增前都交那些税
  • 工伤职工应享有的待遇及救济途径
  • 出售闲置的材料物资
  • 财务收入支出明细表模板
  • 建安企业增值税预缴
  • 减免的增值税如何账务处理
  • 小规模纳税人出租房屋增值税税率是多少
  • 外帐的倒推流程是什么
  • 新疆税收扶持丝路古镇喀什重放异彩
  • 写着个人的发票能下账吗
  • 管理不善造成的损失怎么处理
  • 事业单位开发成本占比
  • 生产性生物资产包括哪些
  • 年度中期是几月份
  • uv价值是怎么计算公式
  • 房子报废
  • 银行贷款的坏账是什么意思
  • 地方教育附加怎么算的?
  • 笔记本电池怎么换
  • 给客户样品需要收钱吗
  • 资产报废对企业的好处
  • php图片拼接
  • 开机要按f1才能进系统
  • macOS Big Sur 11.3新功能 为M1 Mac带来了iOS应用的手柄模拟功能
  • php-ml
  • 因质量问题被扣钱怎么办
  • 政府搬迁补偿款不够建房怎么办
  • 公司购买货物
  • 怎么u盘装系统,u盘装系统教程图解
  • vue.js前端
  • yolov5网络优化
  • 补缴房产税土地使用税怎么算
  • 公司已开票给客户,但客户未打款怎么办?
  • 偿还债券本金和利息
  • 蓝桥杯2021出结果
  • php递归函数桃子一天吃一半
  • 顺丰电子发票开票失败需要怎么处理?
  • 递延所得税什么时候交
  • mysql备份模式
  • 如何恢复sql server误删除的数据库
  • 用于员工福利的专票可以抵扣吗
  • 追索权行使的形式要件是什么
  • 京东提现到公账怎么取消
  • 水电费的收据单怎么写
  • 交易性金融资产公允价值变动怎么算
  • 运输服务和运输费有什么区别
  • 新成立的公司哪个地方能查到
  • 银行开户许可证怎么查询
  • 开支票如何做账
  • win2003开机蓝屏
  • ubuntu18.04lts
  • windowssys
  • win7网卡驱动怎么卸载
  • win7应用程序无法正常启动
  • win7系统突然打印不了
  • 车钥匙失灵了10秒教你快速解决
  • 应用web标准实例是什么
  • 纸嫁衣6攻略全文图解
  • 详细谈谈哲学的基本问题
  • jquery插件开发方法
  • unity调用c++动态库
  • 深入理解python特性
  • vr project
  • perl vs python
  • unityugui
  • js控制浏览器返回按钮
  • 建筑业按多少税收
  • 试验费属于什么税收编码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设