Ajax基本用法

Ajax全称是:Asynchronous JavaScript and Xml,常用于B/S架构上,是实现客户端与服务器端异步交互的主要手段。通常浏览器中的交互模式一般分为:同步和异步交互两类。那它们之间有哪些差别呢?


第一、同步交互:
指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户不能做其它的事情,只有等待请求完成。


第二、异步交互:
指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户可以做其它的事情,不用等待请求完成。

这些都是请求交互过程中的差别,那么同步交互和异步的具体区别是什么呢?

同步交互和异步交互的区别:


同步交互:
1.执行速度相对异步交互慢。
2.响应的是完整的HTML页面。

异步交互:
1.执行的速度相对同步交互要快。
2.响应的是部分数据。

接下来,看一下Ajax的应用。再开使用做demo之前,我们需要先补充基本知识点,再创建Ajax前,我们必需要了解Ajax的核心对象,XMLHttpRequest,Ajax所有的属性和方法以及事件都需要在XMLHttpRequest对应中进行调用。不然的话,这个事情就办不成了。

明白了Ajax对象,我们就来创建一个Ajax核心对象。

如何创建Ajax核心对象???
通常情况下,我们会首先创建一个XMLHttpRequest对象的函数,然后在用某个变量去调用这个函数进行创建。但是需要注意的是这个函数里的判断。那我们就直接来上代码:

再来回顾一下所要用到的知识点:

总结:
  其实,实现ajax操作非常的简单,我们现在是以异步加载的效果为例;所以同学们在学习的时候可以按照下面的几个步聚去写:
  AJAX请求步骤
  1、创建ajax对象
  2、配置ajax,创建http连接
  3、创建ajax对象变化的监听
  4、向服务器发送请求
  5、接收服务器端的响应数据

 

有帮助到你的点赞、收藏关注一下吧

                                                                     需要更多教程,微信扫码即可

                                                                                 

                                                                                         👆👆👆

                                                        别忘了扫码领资料哦【高清Java学习路线图】

                                                                     和【全套学习视频及配套资料】
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值