位置: 编程技术 - 正文

浅析jQuery Ajax请求参数和返回数据的处理

编辑:rootadmin

推荐整理分享浅析jQuery Ajax请求参数和返回数据的处理,希望有所帮助,仅作参考,欢迎阅读内容。

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

刚接触学会用jQuery ajax的时候,觉得真东西好神奇,这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上,一颗赛艇。

之前很早接触到项目,并不知道怎么优雅的去用jquery ajax(现在也不优雅);

那个时候看别人写的代码

$.post("","",...)

也有

$.get("","",...)

还有

$.ajax()

当然现在知道点,这些写法都是一个意思,还是习惯用 $.ajax() 写写吧。

之前的数据处理,发送数据请求(json的数据格式),然后自己通过下面的方式

当时表单发送的参数项少,所以没觉得什么,到后来一个表单很多项数,也这么写,结果 request 就手工写了好多行,虽然能用吧,但是看看这样的代码就觉着哪里不对劲吧,至少很不“优雅”。

后来,发现其实jquery有个 serialize 的方法可以序列化表单数据,可以省事很多。

w3c_jquery_serialize-demo

处理返回数据,渲染到页面上去。

之前的做法也是和上面一模一样的吧,返回的数据是json数据格式的,然后分别取值赋值给页面元素,所以代码往往是这样的。

浅析jQuery Ajax请求参数和返回数据的处理

如果数据再多点,真的是感觉略难看。其实应该是有更好的做法的,返回的是一个json对象,所以我们可以通过遍历对象的属性值取到所有值然后依次渲染到页面对应元素即可。

对象遍历可以用 for-in 来写(有更好的方法来写么?)

上面name(或者其他tag在页面中先写好,和返回数据的属性一致)。

jQuery中ajax的4种常用请求方式

1.$.ajax()返回其创建的 XMLHttpRequest 对象。

$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。

如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。

实例:

保存数据到服务器,成功时显示信息。

2.通过远程 HTTP GET 请求载入信息。

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

实例:

3. 通过远程 HTTP POST 请求载入信息。

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

实例:

4.通过 HTTP GET 请求载入 JSON 数据。

实例:

以上内容是小编给大家介绍的jQuery Ajax请求参数和返回数据的处理,希望对大家有所帮助!

jQuery实现验证年龄简单思路 这段代码假定环境是一个ID为age-form的form,三个ID分别为day,month,year。$("#age-form").submit(function(){varday=$("#day").val();varmonth=$("#month").val();varyear=$("#year").val(

jQuery使用contains过滤器实现精确匹配方法详解 本文实例讲述了jQuery使用contains过滤器实现精确匹配的方法。分享给大家供大家参考,具体如下::contains选择器选取包含指定字符串的元素。该字符串可

JQuery ztree 异步加载实例讲解 本来要做一个文件目录浏览界面,需要遍历所有的文件和目录,很显然一次性读取时很费时费力的一件事情。因此就需要做异步加载....准备工作:1下载

标签: 浅析jQuery Ajax请求参数和返回数据的处理

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

上一篇:jQuery+formdata实现上传进度特效遇到的问题

下一篇:jQuery实现验证年龄简单思路(jquery校验)

  • 中了单位大奖要缴个税吗?
  • 生产企业进项税加计扣除
  • 为什么要计提递延所得税
  • 其他应收款和其他应付款可以通用吗
  • 印花税是根据销售额提吗
  • 工程公司的材料员在哪里考试
  • 报关单上单位名称写千克还是kg
  • 外商投资企业采购国产设备退税后续监管办法
  • 出口货物保险免税
  • 防伪标识会有假的吗
  • 事业单位购入存货分录
  • 企业合并以外
  • 企业所得税期末贷方余额怎么办
  • 小规模纳税人可以自己开专票吗
  • 房租发票进项税额抵扣
  • 企业购房房产税土地税补缴
  • 收到社保补助不发放
  • 收到承兑后背书怎么处理
  • 转贴现属于什么市场
  • 培训费表格
  • 如何在Excel中添加筛选项
  • 合并报表的范围
  • 期货和远期
  • 非正常损失含义
  • PHP:pg_copy_to()的用法_PostgreSQL函数
  • 带息应收票据的核算
  • 增值税专票跨月但未认证,怎么作废
  • firefox有什么用
  • React developer tools调试工具全网最新最全安装教程
  • 下载文件是php
  • 销售返利计入什么费用
  • 公司外部人员的差旅费入什么科目
  • tensorflow2安装
  • 商贸公司销售
  • html表单合并行
  • php 字符串处理函数
  • Vue3通透教程【二】更高效的构建工具—Vite
  • vue从0创建一个项目
  • 增值税纳税申报表在哪里查询
  • fio命令详解
  • 帝国cms怎么上传图片
  • 发票清单怎么导出
  • 税控开票清单
  • 裁员补偿金如何合理避税
  • 区块管理办法
  • 增值税申报表33栏显示有欠缴税额
  • mysql索引是否生效
  • mongodb与mysql相比的优缺点
  • 企业研发费用资本化相关公司
  • 企业所得税年报申报时间
  • 所得税费用结转分录
  • 购进材料入库,其价税款通过银行支付
  • 会计的三个结转是什么
  • 本年利润的会计科目
  • 税票名称开错了有影响么
  • 实收资本认缴怎么做账,要做账吗
  • 收到保险公司赔款
  • 年度总预算一般在次年
  • mysql 5.6.23 winx64.zip安装详细教程
  • OS X 10.12.6 beta 1如何更新 OS X 10.12.6 beta 1如何升级
  • icg是什么文件
  • win8系统怎么到桌面
  • [置顶]电影名字《收件人不详》
  • android环境搭建教程
  • python 500行
  • 关于javascript函数
  • CalledFromWrongThreadException: Only the original thread that created a view
  • linux自动重启程序脚本
  • jquery中绑定事件
  • angularjs1.5
  • js 获取iframe
  • 安卓下载功能
  • javascript中的函数该如何理解
  • jQuery EasyUI Pagination实现分页的常用方法
  • 土地增值税税率表
  • 四川省职称查询平台
  • 淘宝店铺过户后身份证是谁的
  • 商品代码是啥
  • 结售汇选择汇还是钞好
  • 个人所得税税收完税证明哪里打印
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设