Ajax知识笔记——入门,同步和异步,XHR

Ajax全称:Asynchronous Javascript and XML ,异步的javascript和XML。

Ajax不是一种语言,是一种无需重新加载整个网页的情况下,能更新部分网页的技术。

(与后台交互,实现局部更新,异步更新)

同步和异步

同步(Ajax出现之前):客户端发起请求,服务端对请求进行处理和响应,这期间客户端一直在等待服务器端的响应,得到服务器端的响应之后客户端重新载入页面,这时候如果你有错误,只能再次发起请求,再次等待……


异步(Ajax出现之后)XMLHttpRequest的出现,使得 后台 与 服务器 在不重新加载页面的情况下进行数据的交换(并对网页进行部分的更新)。


XMLHttpRequest

实例化XHR对象:

<span style="font-family:SimSun;font-size:12px;">var request </span><span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif;font-size: 14px;">= </span><span style="font-family:SimSun;font-size:12px;">new XMLHttpRequest();</span>

考虑浏览器兼容性:

var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safari…
}else{
request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5
}
XMLHttpRequest 两个重要方法
open(method,url,async)——参数:请求方式、请求地址、请求同步/异步;
send(string)——参数:使用POST方式时,填写此参数。

用法实例:
request.open("POST","create.php",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //要写在open和send之间

request.send("name=张三&sex=男");


readyState属性:
0 :请求未初始化,open还没有调用
1 :服务器连接已建立,open已经调用了
2 :请求已接收,也就是接收到头信息了
3 :请求处理中,也就是接收到响应主体了。
4  : 请求已完成,且响应已就绪,也就是响应完成了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/386105.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

保驾护航金三银四,含BATJM大厂

前言 跳槽&#xff0c;这在 IT 互联网圈是非常普遍的&#xff0c;也是让自己升职加薪&#xff0c;走上人生巅峰的重要方式。那么作为一个普通的Android程序猿&#xff0c;我们如何才能斩获大厂offer 呢&#xff1f; 疫情向好、面试在即&#xff0c;还在迷茫踌躇中的后浪们&…

保驾护航金三银四,妈妈再也不用担心我找工作了!

01 前言 2021是不平凡的一年&#xff0c;这一年里发生许多事情&#xff0c;大家也都知道。对于互联网行业来说也是一次重大的打击&#xff0c;也有一些企业在这次疫情中倒闭了&#xff0c;所以可能对于今年2021年毕业的同学来说是一次很大的考验&#xff0c;也关乎我们的前途。…

web开发者工具,118页Vue面试题总结,涨姿势!

逻辑运算符 JavaScript中有三个逻辑运算符&#xff0c;&&与、||或、!非。 JavaScript 中的逻辑运算符可用来确定变量或者是值之间的逻辑关系。通常用于布尔型值&#xff0c;会返回一个布尔值true 或 false。而 &&、|| 运算符能够使用非布尔值的操作数&#x…

2G、3G 和 4G

2G、3G 和 4G 区别形象比喻 版本1&#xff1a; 2G 看小说&#xff1b; 3G 看app、微博、新闻……&#xff1b; 4G 看苍井空、松岛枫…… 版本2&#xff1a; 2G 看「女教师.txt」 3G 看「女教师.jpg」 4G 看「女教师.avi」 版本3&#xff1a; 选自&#xff1a;365知识网 2G:打个…

web开发者工具,261页前端面试题宝典,通用流行框架大全

开头 Web前端开发基础知识学习路线分享&#xff0c;前端开发入门学习三大基础&#xff1a;HTML、CSS、JavaScript。除此之外还要学习数据可视化、Vue、React、Angular相关框架&#xff0c;熟练运用框架提升开发效率&#xff0c;提升稳定性。 [外链图片转存失败,源站可能有防盗…

web开发者工具,你必须知道的CSS盒模型,架构师必备!

前言 不要为了面试而去背题&#xff0c;匆匆忙忙的&#xff0c;不仅学不进去&#xff0c;背完了几天后马上会忘记。 你可能会说&#xff0c;“没办法&#xff0c;这不是为了能找份工作嘛&#xff01;”。我想说的是&#xff0c;“那你没开始找工作的时候&#xff0c;咋不好好…

web开发要学多久,HTML表格标签,薪资翻倍

前言 作为一个程序员&#xff0c;当然总是期望自己的代码能「一次编写&#xff0c;四处运行」&#xff0c;但真实经验往往是「一处修改&#xff0c;百处填坑」&#xff0c;依赖落后了好几个版本了想要升级、老代码已经看着很不爽了打算重构&#xff0c;都需要下坚决的决心&…

web开发课程培训,10大前端常用算法,学习路线+知识点梳理

标签语义化&#xff1a; 语义和默认样式的区别&#xff1a; 默认样式是浏览器设定的一些常用tag的表现形式&#xff1b;语义化的主要目的就是让大家直观的认识标签和属性的用途和作用&#xff1b; 标签语义化作用&#xff1a; 当只有HTML页面时&#xff0c;没有CSS&#xf…

web开发课程,CSS标准文档流与脱离文档流,已整理成文档

前言 年前准备换工作&#xff0c;总结了一波面试最频繁的面试问题跟大家交流。此文章是关于浏览器的常见问题&#xff0c;大概面试10家遇到6家提问类似问题&#xff08;主要是大厂和中厂&#xff09;。目前入职滴滴出行成都团队。 前端核心 1.JSONP的缺点 2.跨域&#xff08…

jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器

$()就是jQuery中的函数&#xff0c;它的功能是获得&#xff08;&#xff09;中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素&#xff0c;也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常…

web开发课程,HTML常用的五种标签,附赠课程+题库

标准文档流 标准文档流&#xff0c;指的是元素排版布局过程中&#xff0c;元素会默认自动从左往右&#xff0c;从上往下的流式排列方式。前面内容发生了变化&#xff0c;后面的内容位置也会随着发生变化。 HTML就是一种标准文档流文件 HTML中的标准文档流特点通过两种方式体现…

jQuery学习笔记(二)—— 操作DOM元素

使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性&#xff0c;其中attr(属性名)格式是获取元素属性名的值&#xff0c;attr(属性名&#xff0c;属性值)格式则是设置元素属性名的值。 例如&#xff0c;使用attr(属性名)的格式获取页面中<a>元素的“…

web开发软件,8个优秀的CSS实践,附面试题

一.为什么要学习前端开发&#xff1f; 你可能是因为兴趣&#xff0c;完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆&#xff0c;就业率高。不管是因为什么&#xff0c;只要找准了目标&#xff0c;学就是了&#xff01; 突破困境&#xff1a; 1. 提升学…

jQuery 学习笔记(三)——事件与应用

页面加载时触发ready()事件 ready()事件类似于onLoad()事件&#xff0c;但前者只要页面的DOM结构加载后便触发&#xff0c;而后者必须在页面全部元素加载成功才触发&#xff0c;ready()可以写多个&#xff0c;按顺序执行。此外&#xff0c;下列写法是相等的&#xff1a; $(docu…

web开发软件,HTML如何添加锚点,成功入职阿里

前言 正式学习前端大概 3 年多了&#xff0c;接触前端大概 4 年了&#xff0c;很早就想整理这个书单了&#xff0c;因为常常会有朋友问&#xff0c;前端该如何学习&#xff0c;学习前端该看哪些书&#xff0c;我就讲讲我学习的道路中看的一些书&#xff0c;虽然整理的书不多&a…

疯狂涨知识!Java多态实现原理技术总监都拍手叫好

##前言 多态是Java语言重要的特性之一&#xff0c;它允许基类的指针或引用指向派生类的对象&#xff0c;而在具体访问时实现方法的动态绑定。Java对于方法调用动态绑定的实现主要依赖于方法表&#xff0c;但通过引用调用&#xff08;invokevitual&#xff09;和接口引用调用&am…

疯狂涨知识!「高并发秒杀」微信抢红包实战案例帮你突破瓶颈

推荐阅读&#xff1a; 阿里二面凉经&#xff1a;设计模式缓存Spring虚拟机MySQL中间件并发等难题&#xff0c;全部迎刃而解阿里巴巴字节跳动那些大厂必问的HTTP该怎么学&#xff1f;我建议你看看这篇文章&#xff01;蚂蚁、字节、PDD社招面经Java岗&#xff08;分布式线程安全…

Android开发;Activity-Hook你了解多少?一起来debug

享学课堂特邀作者&#xff1a;周周 转载请声明出处&#xff01; 前言 手把手讲解系列文章&#xff0c;是我写给各位看官&#xff0c;也是写给我自己的。文章可能过分详细&#xff0c;但是这是为了帮助到尽量多的人&#xff0c;毕竟工作5,6年&#xff0c;不能老吸血&#xff0c;…

Android架构师谈:View-Pager-性能优化之-无限循环

作者&#xff1a;享学课堂Alvin老师 转载请声明出处&#xff01; ViewPager实现无限滑动 **方案一&#xff1a;**将viewpager上限设置成一个很大的数&#xff0c;第一个页面设置到中间。然后滑动的时候&#xff0c;用当前的序号与viewpager页面数取余得到目标页面的序号&#…

你知道如何用面向对象思想写好并发编程吗?

在工作中&#xff0c;我发现很多人在设计之初都是直接按照单线程的思路来写程序的&#xff0c;而忽略了本应该重视的并发问题&#xff1b;等上线后的某天&#xff0c;突然发现诡异的 Bug&#xff0c;再历经千辛万苦终于定位到问题所在&#xff0c;却发现对于如何解决已经没有了…