ajax简介;ajxe响应以及返回数据的流程;

本文介绍了Ajax技术,包括其定义、如何在无刷新情况下更新页面、优点如低延迟和局部更新,以及缺点如缺乏浏览历史、跨域问题和SEO挑战。详述了Ajax响应流程,涉及客户端、服务器和数据库的交互过程。
摘要由CSDN通过智能技术生成

一、ajax响应简介

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指⼀种创建交互式⽹⻚应⽤的⽹⻚开发技术。

Ajax 是⼀种⽤于创建快速动态⽹⻚的技术。

Ajax 是⼀种在⽆需重新加载整个⽹⻚的情况下,能够更新部分⽹⻚的技术。

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

传统的⽹⻚(不使⽤ Ajax)如果需要更新内容,必须重载整个⽹⻚⻚⾯。

二、ajax的优缺点:

 3.1 Ajax的优点
                       (1)可以无需刷新页面与服务器端进行通信

                       (2)允许你根据用户事件来更新部分页面内容

                    3.2 Ajax的缺点
                       (1)没有浏览历史,不能回退

                       (2)存在跨域问题(同源)

                       (3)SEO搜索引擎优化不友好

三、ajxe响应以及返回数据的流程;

a)客户端:

1.用户通过事件触发函数

2.函数内部:

2.1 创建xhr对象

2.2 注册回调函数xhr.onreadystatechange

2.3 连接服务器 xhr.open("请求方式","地址",是否异步)

2.4 xhr发送参数 xhr.send()

2.2 在等待服务器的响应

7.客户端拿到服务器响应的结果,改变页面

b)服务器:

3. 服务器接受到xhr对象发出的请求,并且把所有请求相关的信息保存在request对象里

4.拦截请求,调用本次请求对应的处理函数,发起数据库请求(controller),并且在回调函数中等待数据库返回的结果,

6.拿到数据库返回的结果后,将结果返回客户端 response.send()

c)数据库:

5.根据数据库语句去做数据库相关操作,并返回结果

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值