位置: 编程技术 - 正文

Ajax的概述与实现过程(简述ajax)

编辑:rootadmin

推荐整理分享Ajax的概述与实现过程(简述ajax),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ajax的实现方式和原理,ajax的作用,简述ajax,ajax的例子,ajax的实现方式和原理,ajax的实现方式和原理,简述ajax的概念,简述ajax,内容如对您有帮助,希望把文章链接给更多的朋友!

一、ajax概述

1、Ajax是Asynchronous([&#;'s&#;&#;kr&#;n&#;s) JavaScript XML的简写,不是一门新技术,而是对现有技术的综合利用。这一技术能够向服务器请求额外数据而无需刷新页面,带来了更好的用户体验

2、Ajax技术的核心是XMLHttpRequest对象(简称XHR),这是由微软首先引入的一个特性。在XHR出现之前,Ajax式的通信必须借助一些hack手段来实现,大多数是使用隐藏的框架或内嵌框架。

3、XHR为向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步的方式从服务器取得更多的信息,意味着用户单击后,可以不必刷新页面也能获取新数据。也就是说可以使用XHR对象取得新数据,然后再通过DOM将新数据插入到页面中

4、虽然Ajax名字中有XML的成分,但是呢,Ajax通信与数据格式无关,这种技术就是无须刷新页面即可从服务器取得数据,但不一定是XML数据

二、操作:原生ajax和jQuery中封装的ajax

1、原生ajax:

ajax作用:发送请求(设置请求setRequest) 接收响应(getResponse)

A、ajax原生方式发送请求:

Ajax中最重要也是最固定的部分就是http请求。

1)建立连接:(IE7及以上版本都支持XMLHttpRequest)

var xhr = new XMLHttpRequest(); //创建异步请求对象

2)Get请求:格式必须是(url&#;name1=value1&name2=value2)

3)Post请求

4)get和post请求的区别:

★get不需要设置请求头,而post需要设置请求头

★get的数据传递通过url进行,而post的数据在send方法中传递

B、ajax原生方式接收响应:

C、处理响应数据:

jQuery中封装的ajax

Ajax的概述与实现过程(简述ajax)

jQuery中提供了专门的方法来序列化表单:

$('form').serialize(): //序列化表单(即格式化key=val & key=val);

三、响应

我们需要监听服务器的响应状态,然后对从服务器中获取的数据做相应的处理。

1) onreadystatechange是JavaScript事件中的一种,用于监听XMLHttpRequest的状态

2) readystate:响应状态,返回XMLHTTP请求的当前状态

readyState 状态

状态说明

(0)未初始化

此阶段确认XMLHttpRequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存在。

(1)载入

此阶段对XMLHttpRequest对象进行初始化,即调用open()方法,根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。

(2)载入完成

此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据,并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。

(3)交互

此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式,为在客户端调用作好准备。状态3表示正在解析数据。

(4)完成

此阶段确认全部数据都已经解析为客户端可用的格式,解析已经完成。值为4表示数据解析完毕,可以通过XMLHttpRequest对象的相应属性取得数据。

3) status:服务器的响应码

常见响应码:—服务器成功返回网页

—请求网页不存在

—服务不可用

关于服务器响应码,详情请看————网络传输协议(http协议)

标签: 简述ajax

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

上一篇:Javascript数组循环遍历之forEach详解(js for循环给数组赋值)

下一篇:网络传输协议(http协议)(网络传输协议是事实上的国际标准)

  • 免税收入不征税收入有哪些
  • 建筑施工企业的分公司区域公司等较大的
  • 人工费怎么入账
  • 电子发票红字发票怎么开
  • 自行研发无形资产暂时性差异
  • 应收账款平均数
  • 计算并分摊本月利润
  • 单位聘请的临时工请假旅游
  • 收购企业账务处理
  • 事业单位没有经过公示的内部文件不生效 出处
  • 果蔬免征增值税有哪些
  • 选择纳税人身份考虑的因素
  • 汇总纳税总机构企业所得税分摊比例备案
  • 维修材料属于什么会计科目
  • 建筑行业暂估成本的账务处理
  • 上年未计提所得税会计
  • 个税是什么意思必须交吗
  • 著作权出售后,属于自己的吗
  • win10更新kb5005033
  • linux设置用户密码
  • 那些收入不用缴税
  • 董事会会费应计什么科目
  • 金融机构借款利率最新规定
  • 利润表里的所得税费用怎么算出来的
  • vue自定义日历组件
  • 月底库存现金不足怎么办
  • 房租违约金怎么开发票
  • 工业企业应付账款周转率多少合适
  • uni-app编译
  • postman密码
  • 软件开发行业税负
  • 跨年专票红冲步骤
  • 固定资产暂停使用期间需要计提折旧吗
  • 采购商品的运费计入成本吗
  • 银行汇票和银行承兑汇票的区别
  • ffmpeg png to mp4
  • 以前年度损益调整是什么意思
  • BootStrap--selectpicker的使用
  • 固定资产报废计入资产处置损益吗
  • 不符合无形资产摊销条件
  • 为什么出台农产品质量安全法
  • 预收账款期末余额在借方还是贷方
  • 出纳账务处理分录
  • 业务招待费如何调整
  • 出口不报关怎么收款
  • 房租收入税费
  • 坏账准备的会计处理方法
  • 成本类科目在哪里列式
  • 去年亏损今年盈利同比怎么算
  • 转租单位房子合法吗
  • 申请到了专利费多少钱
  • 金蝶k3怎么打印科目余额表
  • 收到房租费发票如何做账
  • 行政事业单位固定资产计提折旧
  • 企业内在
  • 做会计的步骤
  • Mysql中几种插入效率的实例对比
  • sql语句提取字符串中数字
  • win8.1电脑设置在哪里
  • xp系统安装程序没反应
  • linux/unix
  • ubuntu独立显卡黑屏
  • win8尝试修复
  • 解决win10蓝屏
  • linux常用命令csdn
  • exfat装win7
  • shwiconem.exe - shwiconem是什么进程 有什么用
  • win1021h2版本千万别更新
  • win7系统快速关机快捷键
  • 批处理传参数
  • nodejsapi框架
  • 分享一下什么
  • 深入了解的高级表达
  • 安卓系统滑动设置
  • 显示某两个字符的函数
  • jQuery ajax时间差导致的变量赋值问题分析
  • 上海中考规定
  • 境外服务收入如何纳税
  • 乡村振兴与文化遗产保护研究
  • 010是哪个市区的电话号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设