您了解ajax的用途吗

Ajax全称为Asynchronous JavaScript and XML,用于在浏览器中实现页面无刷新的数据更新。它结合了JavaScript对象XMLHttpRequest,通过五个步骤实现HTTP请求:创建对象、建立连接、发送数据、处理响应和更新界面。Ajax不仅简化了服务器与客户端的交互,还提高了用户体验。文章介绍了原生JS和jQuery两种实现方式。
摘要由CSDN通过智能技术生成

概念

(1)同步:必须等待前面的任务完成,才能继续后面的任务(学生排队打饭,排到你,才能打上饭)

(2)异步:不受当前任务的影响(在排队打饭过程中,玩手机不受排队的影响)

2.(1)同步更新:我们浏览一个网站,当这个网站页面发生更改时,你必须通过刷新才能看到更改的内容,刷新相当于页面重新加载一次,会感觉很慢,体验不好。

(2)异步更新:实际情况是,我们在访问新浪微博时,当你看到一大半了,会自动帮我们加载更多的微博,同时页面并没有刷新。

3.ajax作用:在浏览器中,我们也能够不刷新页面,通过ajax的方式去获取一些新的内容,类似网页有微博,朋友圈,邮箱等

4.单词解释:Asynchronous Javascript And XML(异步JavaScript和XML),他并不是凭空出现的新技术,而是对于现有技术的结

合:核心是js对象XMLHttpRequest。

5.ajax使用的是HTTP请求,使用ajax请求需要5步:

(1)建立XMLHTTPRequest对象

(2)注册回调函数(当服务器回应我们了,我们想要执行什么逻辑)

(3)使用open方法设置和服务器端交互的基本信息(设置提交的网址,数据,post提交的一些额外内容)

(4)发送数据(设置发送的数据,开始和服务器端交互)

(5)更新界面(在注册的回调函数中,获取返回的数据,更新界面)

实现方式

实现方式:
1. 原生的JS实现方式(了解)
//1.创建核心对象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}

//2. 建立连接
/*
参数:
1. 请求方式:GET、POST
* get方式,请求参数在URL后边拼接。send方法为空参
* post方式,请求参数在send方法中定义
2. 请求的URL:
3. 同步或异步请求:true&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值