纯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
  • asp之家 网络编程 m.aspxhome.com