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局部刷新功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对站的支持!

js ajax局部替换,纯JS实现AJAX局部刷新功能相关推荐

  1. html js 循环提示框,纯js超酷消息提示框插件notice.js

    notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...

  2. 原生js实现上拉加载和下拉刷新功能

    需要了解 什么时候出现滚动条 当网页的内容高度或者宽度大于网页的高度或者宽度,网页会出现竖直或者水平的滚动条.如上图所示的情况就会出现滚动条. 所需js相关的api const html=docume ...

  3. 基于JS+HTML实现的纯前端天气预报实时查询系统

    目录 基于JS+HTML实现的纯前端天气预报实时查询系统 功能介绍 技术栈 运行环境 效果演示 项目结构 示例代码 最后 基于JS+HTML实现的纯前端天气预报实时查询系统 该系统为纯前端项目,通过X ...

  4. 【python】用正则表达式进行文字局部替换

    比如有个字符串http://www.55188.com/thread-8306254-2-3.html,需要把8306254后面的2替换成其它数字,其它保持不变,该如何办呢?请看代码: import ...

  5. js屏蔽浏览器(IE和FireFox)的刷新和右键等功能

    js屏蔽浏览器(IE和FireFox)的刷新和右键等功能 一.js屏蔽浏览器(IE和FireFox)的刷新功能  document.οnkeydοwn=function()  {  if ((wind ...

  6. js纯ajax,自动完成JS类(纯JS, Ajax模式)

    自动完成JS类(纯JS, Ajax模式) 更新时间:2009年03月12日 23:51:15   作者: 自动完成JS类,用户体验较好.封装成类,方便使用.本站 一. 封装的JS文件 //****** ...

  7. 纯js实现瀑布流布局及ajax动态新增数据

    本文用纯js代码手写一个瀑布流网页效果,初步实现一个基本的瀑布流布局,以及滚动到底部后模拟ajax数据加载新图片功能. 缺点: 1. 程序不是响应式,不能实时调整页面宽度: 2. 程序中当新增ajax ...

  8. 纯 js 让浏览器不缓存 ajax 请求

    开发「bufpay.com 个人即时到账收款平台」支付页面需要用到 ajax 轮询订单的支付状态. 现在浏览器对 ajax 的缓存策略遵循 http response header 里面的缓存设置,为 ...

  9. ajax_post什么意思,求一个纯js 发起ajax post请求的例子 还有post请求的参数 有什么要注意的???...

    求一个纯js 发起ajax post请求的例子 还有post请求的参数 有什么要注意的??? var xmlhttp; function Button1_onclick() { var name = ...

最新文章

  1. linux系统与内核,[科普] Linux 的内核与 Linux 系统之间的关系
  2. 双目视觉——SGM中的动态规划
  3. java解析静态AIS原始数据
  4. ST-LINK USB communication error解决方法
  5. web 服务器 内存 影响_工业环境软件套件 CODESYS web 服务器被曝严重的RCE漏洞
  6. “单口相声”回归!罗永浩要开发布会了:黑科技!不售票!
  7. 【Elasticsearch】elasticsearch bool 布尔 查询
  8. APP界面的数据可视化设计临摹学习模板
  9. Qt 串口通信 高速发送出错的解决方法总结
  10. java 线程池 hash_java线程池实例 - Hashsound的个人空间 - OSCHINA - 中文开源技术交流社区...
  11. Duplicate key
  12. 《Spring Cloud微服务实战》翟永超(著)
  13. AlexNet-深度卷积神经网络(CNN卷积神经网络)
  14. 中芯国际公布最新人事调整(5张数据表揭开公司真实情况)
  15. android 6 root 工具,安卓手机ROOT ROOT工具
  16. win10系统 Windows 资源保护找到了损坏文件 无法修复的有效解决方法
  17. JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
  18. 【FNN回归预测】基于matlab蝙蝠算法优化前馈神经网络数据回归预测【含Matlab源码 2070期】
  19. 分布式系统(微服务架构)的一致性和幂等性和相关概念解析
  20. springboot集成 security 更改中英文提示信息

热门文章

  1. Collector原理解析
  2. HI3516a w25q128 spi flash无法启动问题
  3. linux下%3e和%3e%3e的区别,华为nova3和3e的区别
  4. python学习之路:合并多个excel文件、合并多个pdf文件
  5. 甲骨文:有史以来最伟大的 25 个 Java 应用程序【云图智联】
  6. wex5萌新使用之 UI2 基础框架一
  7. 社科院与杜兰大学金融管理硕士项目——好的学历赋予我们更多的选择权
  8. linux命令--umask
  9. revit二次开发 获取洞口边界边线,获取竖井洞口的边界边线
  10. Springboot Condition 详解