ajax是什么？-CSDN博客

本文链接：https://blog.csdn.net/weixin_46048259/article/details/126432997

Ajax是一种在不刷新整个页面的情况下，实现局部数据更新的技术。它结合了JavaScript和XML，通过异步方式与服务器交互数据。本文详细介绍了Ajax的原理，包括全局刷新与局部刷新的区别、Ajax函数的参数及其作用，并提供了一个登录功能的Ajax实例，展示了如何使用Ajax进行数据提交和错误处理。

摘要由CSDN通过智能技术生成

ajax是什么？

Asynchronous JavaScript And XML

Asynchronous :表示异步

JavaScript ：js脚本

XML：一种配置文件

1.全局刷新和局部刷新的区别

全局刷新：整个页面发生了变化，浏览器重新解析大量的数据，会导致响应速度比较慢

局部刷新：整个页面只发生部分的变化，没有打开新的页面，浏览器只需要解析少量的数据，会让响应速度变快。

2.参数

//使用Ajax进行数据的提交

Ajax函数中的属性
url:表示Ajax请求希望去往的地址
async:表示是否是异步，true表示异步，并且是默认值
type:表示发送的是什么请求方式，post
data:表示希望传过去的数据
datatype:表示服务器返回的数据类型
success:表示成功后的回调函数,data是返回来的数据
error：表示本次请求失败了
alert：表示本次请求失败了

3.ajax的例子

function login() {
  //获取数据，使用id选择器
  var username = $("#username").val()
  var password = $("#password").val()
  
  $.ajax({
    url:"${pageContext.request.contextPath}/login",
    async:true,
    type:"post",
    data:{
      "username":username,
      "password":password
    },
    dataType:"text",
    success:function (data) {
      alert("本次请求成功了")
      //给id为flag的输入框复制
      $("#flag").val(data)
      
    },
    error:function (res) {
      alert("本次请求失败了")
      alert(res)
    }
  })
  
    }