AJAX部分知识点_ajax知识点-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_40856961/article/details/112341804

Ajax是一种创建交互式网页应用的技术，允许在不刷新整个页面的情况下更新部分内容。它通过后台与服务器交换少量数据实现异步更新，提高了用户体验。同步和异步的主要区别在于执行顺序和效率，异步能提高效率。Ajax常见状态码包括200（成功）。示例展示了如何使用Ajax发送请求并在响应后弹出警告框显示结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
简单来说就是看不到的刷新技术 , 通过后台传给前台数据, 一般情况下我们需要手动刷新才会请求到最新的数据, 在用了ajax之后,会实现视觉上看不到的刷新效果,数据更新后也会自动刷新显示

同步与异步的区别

同步：所有的操作都需要按照顺序来执行，前面的未执行完，后面的就需要一直等待（安全性高，效率很低）

异步：前一个的操作结果不影响后一个任务的执行，且可以同时进行（效率高）

ajax常见状态码
在这里插入图片描述

例子:点击按钮发送请求到后台然后后台把结果在前台以警告框的形式弹出

//获取按钮
let btn = document.getElementsByTagName("button")[0];
//点击事件
btn.onclick = function(){
  //使用Ajax发送请求.
  var xmlhttp;
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  //设置请求方式及地址
  xmlhttp.open("GET","ajaxServlet");
  //发送请求
  xmlhttp.send();

  //回调函数，对响应的结果进行处理
  xmlhttp.onreadystatechange = function(){
    //条件成立则正常执行
    if(xmlhttp.readyState == 4){
      //响应正常
      if(xmlhttp.status == 200){
        //获取执行结果 设置警告框
        alert(xmlhttp.responseText);
      }
    }
  }
}