位置: 编程技术 - 正文

基于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的设计与实现)

  • 缴纳汇算清缴所得税怎么做账
  • 国家税务登记证是什么样子的
  • 不征收增值税的有哪些
  • 资产负债表其他流动资产计算公式
  • 小微企业条件需交税吗
  • 工程服务的税率是多少?
  • 税收的三个基本要素是
  • 工会经费拨缴是什么意思
  • 应付票据的处理
  • 融资租赁的销项税额抵减
  • 3项经费计提比例2015
  • 核定征收企业有利润如何注销税务登记
  • 进项留底怎么做账
  • 固定资产发票怎么入账
  • 扣缴外国企业所得税分录
  • 品牌活动推广文案
  • 货物运输企业在运输货物时应当尽可能采用
  • 纳税人取得不动产进项税额怎么抵扣
  • 加工成本属于什么会计科目
  • 代扣代缴增值税是什么意思
  • 国税局可以开增值税专用发票吗
  • 核定征收的小微企业企业所得税计算
  • 仓储行业税率是多少
  • 土地增值税哪些可以抵扣
  • 电商确认收货
  • 退税发票勾选后开红冲发票怎么申报
  • 制造费用如何分摊到产品的成本
  • 小规模季报还没报改了一般纳税人
  • vue3 provide inject
  • windowsmodulesinstaller占用cpu
  • 增值税专用发票怎么开
  • 如何巧用工具
  • 季度成本分析报告
  • 注销企业基本户需要先注销一般户吗
  • Chat GPT实用案例——VUE+Chat GPT实现聊天功能教程
  • typora如何设置字体颜色
  • thinkphp框架入门
  • 企业开办期间的税费
  • 北极野生动物
  • php如何实现
  • php正则函数内容匹配
  • html调查问卷简单代码
  • 微信小程序获取手机号失败
  • php jquery
  • 应收账款确认坏账损失
  • discuz怎么使用
  • 食堂购买固定资产会计处理
  • 银行汇票如何背书转让
  • 设备购入后又退出怎么办
  • 现金日记账应采用的格式为订本式
  • 发票红冲要去税务局吗
  • 纳税人的进项税额怎么算
  • 认证发票抵扣有留抵税怎么做分录
  • 定期定额户用财务制度备案吗
  • 房地产企业销售房屋印花税税率
  • 发票与销售小票有什么区别?
  • 营改增之前
  • 纳税人为风险纳税人怎么办
  • 付款后没有发票怎么办
  • 零申报是不是什么都不用填
  • 会计账簿的设置与登记
  • mysqld mysql
  • sql server索引的使用
  • xp win10 打印机
  • xp系统如何禁止开机启动软件
  • centos 安装chia
  • Win10 mobile 10586.107升级后会出现哪些bug?
  • 深入理解llvm
  • unity2.5d游戏地图处理
  • 关于H1的位置解析
  • node.js gui
  • jquery操作html代码
  • jquery渐变效果
  • node.js web
  • android多点触控
  • 深入理解计算机系统
  • cocos2dx:C++层通过JniHelper调用JAVA层代码进而调用Android手机应用接口
  • 福建地税办税人变更流程
  • 个体商户营业额多少万以下免税
  • 2020年南通居民医保缴费标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设