纯JS实现AJAX局部刷新功能
作者:mrr 时间:2024-05-02 17:04:38
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
AJAX 是一种用于创建快速 * 页的技术。
下面给大家介绍JS实现AJAX局部刷新功能,具体内容如下所示:
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
// 创建XMLHttpRequest对象
var xhr=new XMLHttpRequest();
// 请求行
xhr.open('post','03-ajaxPost.php');
//请求头
xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
//请求主体 post send 设置数据
xhr.send('name='+txt);
//监听服务器的响应
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){ //这里表示接受服务器的响应成功的时候
var r=xhr.responseText;
document.querySelector('.info').innerHTML=r;
}
}
以上所述是小编给大家介绍的纯JS实现AJAX局部刷新功能网站的支持!
标签:ajax,局部,刷新
0
投稿
猜你喜欢
教你使用python画一朵花送女朋友
2023-01-04 21:12:26
python smtplib模块自动收发邮件功能(一)
2021-04-16 07:11:18
django 链接多个数据库 并使用原生sql实现
2024-01-23 12:52:06
开源软件包和环境管理系统Anaconda的安装使用
2022-07-15 13:00:13
pycharm 使用anaconda为默认环境的操作
2023-10-08 12:37:25
Python操作列表的常用方法分享
2021-06-02 12:41:29
Python OpenCV对图像进行模糊处理详解流程
2022-05-16 03:54:19
用ASP判断客户端浏览器语言自动跳转
2010-07-09 13:34:00
Python爬取网页的所有内外链的代码
2022-07-26 21:11:09
10 个Python中Pip的使用技巧分享
2023-08-02 17:52:45
python matplotlib.pyplot.plot()参数用法
2023-07-13 17:39:48
python实现堆和索引堆的代码示例
2021-09-21 21:42:05
MySQL重置root密码提示"Unknown column ‘password"的解决方法
2024-01-14 19:57:54
VSCode下配置python调试运行环境的方法
2023-03-27 10:15:40
又一个仿alert提示效果
2007-12-24 17:34:00
深度学习入门之Pytorch 数据增强的实现
2021-04-05 22:26:07
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2021-01-23 04:23:13
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2024-05-03 15:13:30
python中not not x 与bool(x) 的区别
2021-04-27 03:50:17
Django中select_related和prefetch_related的用法与区别详解
2023-10-08 12:38:08