AJAX(Asynchronous JavaScript And XML)

AJAX(Asynchronous JavaScript And XML)

AJAX(Asynchronous JavaScript And XML):异步的javascript和xml技术

作用:在不刷新整个页面的情况下,通过XMLHttpRequest向后台偷偷发起请求,再通过DOM将查询的数据显示在页面中

ajax请求和传统的web请求有何不同?

AJAX(Asynchronous JavaScript And XML)
AJAX步骤
    1.创建XHR对象
        var xhr = new XMLHttpRequest();
    2.创建一个HTTP请求
        xhr.open(method,url,async);
    3.发送http请求
        xhr.send();
    4.监听readyStates属性值的变化,绑定函数,获取服务器返回的数据
        xhr.onreadystatechange = function(){

            if(xhr.readyState == 4 && xhr.status == 200){

                console.log(xhr.responseText);
            }
        }

转载于:https://www.cnblogs.com/ki16/p/10877446.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100915.html原文链接:https://javaforall.net

(0)
上一篇 2021年7月7日 上午10:00
下一篇 2021年7月7日 上午11:00


相关推荐

  • 修改PyCharm的背景颜色

    修改PyCharm的背景颜色1 找到 file gt Settings2 更改为你想要的颜色

    2026年3月27日
    4
  • 基于SSM实现的旅游管理系统【附源码】(毕设)[通俗易懂]

    基于SSM实现的旅游管理系统【附源码】(毕设)[通俗易懂]一、项目简介本项目是一套基于SSM实现的旅游管理系统或旅游网站或旅游社交平台或旅游景点管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。详细介绍了该系统的具体实现,包括:项目介绍环境搭建系统功能技术实现项目运行功能演示以通俗易懂的方式,手把手的带你从零开始部署并运行本套系统,该项目附带全部源码可作为毕设使用。项目都经过严格调试,确保可以运行!课程包含:项目源码、项目文档、数据库脚本、软件工具等所有资料带你从零开始部署运行本套系统

    2022年5月6日
    211
  • 立即收藏!闪剪Nano Banana最全变现教程

    立即收藏!闪剪Nano Banana最全变现教程

    2026年3月15日
    2
  • HTML渐变背景不重复,CSS背景渐变重复问题

    HTML渐变背景不重复,CSS背景渐变重复问题littlecharva 我有需要扩大宽度和高度的 HTML 页面 所以需要能够上下滚动和左右 但我似乎无法得到的 CSS 梯度重复 X 和向下留下了坚实的颜色 剥离代码 p gt http www w3 org TR html4 loose dtd gt html height 100 background color 366fcd body margin 0 h

    2026年3月18日
    1
  • 数学建模13种常见方法

    数学建模13种常见方法下面来介绍一下数学建模大赛中常用的13中建模方法:1、层次分析法,简称AHP,是指将与决策总是有关的元素分解成目标、准则、方案等层次,在此基础之上进行定性和定量分析的决策方法。该方法是美国运筹学家匹茨堡大学教授萨蒂于20世纪70年代初,在为美国国防部研究"根据各个工业部门对国家福利的贡献大小而进行电力分配"课题时,应用网络系统理论和多目标综合评价方法,提出的一种层次权重决策分析方法。2、多…

    2026年3月3日
    4
  • js中判断对象是否为空

    js中判断对象是否为空1.es6中可以使用Object.keys(obj)vardata={};vararr=Object.keys(data);alert(arr.length==0);//true为空,false不为空2.将json对象转化为json字符串,再判断该字符串是否为"{}"vardata={};varb=(JSON.stringify(data)==…

    2022年6月14日
    27

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号