Asynchronous JavaScript And XML
Asynchronous :表示异步
JavaScript :js脚本
XML:一种配置文件
全局刷新:整个页面发生了变化,浏览器重新解析大量的数据,会导致响应速度比较慢
局部刷新:整个页面只发生部分的变化,没有打开新的页面,浏览器只需要解析少量的数据,会让响应速度变快。
//使用Ajax进行数据的提交
- Ajax函数中的属性
- url:表示Ajax请求希望去往的地址
- async:表示是否是异步,true表示异步,并且是默认值
- type:表示发送的是什么请求方式,post
- data:表示希望传过去的数据
- datatype:表示服务器返回的数据类型
- success:表示成功后的回调函数,data是返回来的数据
- error:表示本次请求失败了
- alert:表示本次请求失败了
- 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)
- }
- })
-
- }