• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    纯JS实现AJAX局部刷新功能

    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==4xhr.status==200){ //这里表示接受服务器的响应成功的时候
     var r=xhr.responseText;
     document.querySelector('.info').innerHTML=r;
     }
     } 

    以上所述是小编给大家介绍的纯JS实现AJAX局部刷新功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • JQuery的Ajax请求实现局部刷新的简单实例
    • jQuery+ajax实现局部刷新的两种方法
    • ajax局部刷新一个div下jsp内容的方法
    • jquery ajax 局部刷新小案例
    • ajax局部刷新实例 (三种方法推荐)
    • Ajax实现带有验证码的局部刷新登录界面
    • AJAX的原理—如何做到异步和局部刷新【实现代码】
    • 利用ajax实现简单的注册验证局部刷新实例
    • Ajax局部刷新应用案例---简单登录
    • Ajax实现局部刷新的方法实例
    上一篇:ajax响应json字符串和json数组的实例(详解)
    下一篇:Ajax同步和异步问题浅析及解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    纯JS实现AJAX局部刷新功能 纯,实现,AJAX,局部,刷,新功能,