原标题:用原生js实现 ajax方法

作者介绍:咔拉宝宝前端工程师,致力于首个情景式购物商城咔拉商城的前端搭建,在咔拉职场栏目作为程序猿担当,与读者朋友们共同探讨前端开发的那些事。

一、ajax介绍;

AJAX 是 Asynchronous Java And XML 的首字母缩写(异步 Java 和 XML),是一种创建交互网页应用网页开发技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

二、ajax原理和对象;

ajax是通过来向服务器发送异步请求,获得服务器的数据。

onreadystatechange 每次状态改变所触发事件的事件处理程序。

responseText 从服务器进程返回数据的字符串形式。

responseXML 从服务器进程返回的DOM兼容的文档数据对象。

status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)

status Text 伴随状态码的字符串信息

readyState 对象状态值

0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)

1 (初始化) 对象已建立,尚未调用send方法

2 (发送数据) send方法已调用,但是当前的状态及http头未知

3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,

4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据

三、用原生js 来实现ajax;

接下来,我们来封装一个ajax。

责任编辑:

java原生的ajax怎么写,用原生js实现 ajax方法相关推荐

  1. ajax返回实体类字符串,js使用ajax传值给后台,后台返回字符串处理方法

    之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...

  2. java原生的ajax怎么写_原生Ajax代码实现

    Ajax Asynchronous JavaScript And XML 异步: 指一段程序执行时不会阻塞其他程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序 ,相反的则为同步, 自己理解 ...

  3. java开发中准则怎么写_Java开发中通用的方法和准则20条

    1. 不要在常量和变量中出现易混淆的字母 包名全小写.类名首字母全大写.常量全部大写并下划线分割.变量采用驼峰命名等,这些是最基本的Java编码规范. public class TestDemo { ...

  4. java ajax 更改头像_为什么js通过ajax前端修改头像不能立刻生效?

    项目中有一个上传头像的功能,每次上传成功后,,数据库里的路径已经更新到了,但是刷新后就变成之前的头像,必需重新登录系统,才能显示修改后的头像.现在要改成,修改后就立刻生效. var photoImg; ...

  5. js 封装ajax方法吗,原生JS封装ajax方法

    jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...

  6. 原生js实现ajax方法(闭包)

    学习Jquery是,模仿写了一个原生js实现ajax方法(闭包),代码上加有注释 方法如下: <script type="text/javascript">(funct ...

  7. AJAX ||JQeury实现方式||原生的JS实现方式(了解)

    AJAX 1. 概念: ASynchronous JavaScript And XML    异步的JavaScript 和 XML     1. 异步和同步:客户端和服务器端相互通信的基础上    ...

  8. AJAX初识(原生JS版AJAX和Jquery版AJAX)

    一.什么是JSON 1.介绍JSON独立于语言,是一种与语言无关的数据格式.JSON指的是JavaScript对象表示法(JavaScript Object Notation)JSON是轻量级的文本数 ...

  9. java长连接转短连接_java原生程序redis连接(连接池/长连接和短连接)选择问题...

    原标题:java原生程序redis连接(连接池/长连接和短连接)选择问题 最近遇到的连接问题我准备从重构的几个程序(redis和mysql)长连接和短连接,以及连接池和单连接等问题用几篇博客来总结下. ...

最新文章

  1. 百度超级链XChain(1)系统架构
  2. 5.3 计算机网络传输层之TCP协议(tcp协议特点、tcp报文段首部格式、tcp连接---三次握手、tcp连接释放---四次握手)
  3. 2021年上半年金融科技动向
  4. Shell编程入门(第二版)(上)
  5. Unity3D中关于场景销毁时事件调用顺序的一点记录
  6. textCNN和lightGBM模型对景区口碑评价进行情感分析
  7. 教你用Python爬图虫网图片
  8. 让博客Docker化,轻松上手Docker
  9. 君正Magik算法平台介绍
  10. 深入理解Android Crash 流程
  11. FZU2109 数位dp 含前导零
  12. html中dt标签,html中dt标签的使用方法
  13. 电商平台获取淘宝详情高级版接口、卖家信息、sku、发货地等参数字段调用示例展示
  14. UVM——TLM2通信
  15. 转:HEVC、AV1、VVC:如何理解2019年的编解码器世界(干货!)
  16. 跟着小马哥学系列之 Spring IoC(进阶篇:Environment)
  17. python程序设计基础山东联盟化工集团有限公司_智慧树app答案微信公众号,Python程序设计基础(山东联盟)知到答案...
  18. 文章原创工具-批量文章伪原创软件免费
  19. [Luogu1365] WJMZBMR打osu! / Easy
  20. powderdesigner的简单用法

热门文章

  1. unrecognized selector sent to instance问题的解决
  2. 10月26日练习注册用例的编写与ibatis培训
  3. 打开tomcat的管理平台,管理应用
  4. mysql 判断 字母大写_MySQL中查询时对字母大小写的区分
  5. 数据中台 画像标签_数据中台实战:如何通过标签平台圈出产品高价值用户?...
  6. win10搭建java开发环境_如何在WIN10搭建Java开发环境
  7. UI设计中常见插画应用素材,拿来就可以用!
  8. 电阻参数_贴片电阻的参数标识与贴片电阻的选择
  9. webpack打包后的文件夹是空的_webpack打包Vue工程
  10. jquery 加载显示loading图标_王者荣耀100强什么意思?loading界面左上角100强有什么含义...