AJAX

1  概念：异步的JavaScript和XML

　　1  异步和同步：客户端和服务器端相互通信的基础上

　　　　同步：客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作

　　　　异步：客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他操作

2  实现方式：

　　JQeury实现方式

　　　　1  $.ajax()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
function fun(){
    $.ajax({
        url:"ajaxServlet",
        type:"post",
        data:{"username":"jack","age":"23"},
        success:function(data){
            alert(data);
        error:function(){
            alert("出错了");
        },
        dataType:"text"
        },//响应成功后的回调函数
    });
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun();">
</body>
</html>

 

　　　　2  $.get()：发送get请求

　　　　　　语法：  $.get(url,[data],[callback],[type])

　　　　　　　　参数：url：请求路径

　　　　　　　　　　　data：请求参数

　　　　　　　　　　　callback：回调函数

　　　　　　　　　　　type：响应结果的类型

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.4.1.min.js"></script>
<script>
function fun(){
    $.get("ajaxServlet",{username:"zhanglan"},function(data){
        alert(data);
    },"text")
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun();">
</body>
</html>

 

　　　　3  $.post()：发送post请求

 

posted @ 2022-02-28 19:37  Cuora  阅读(23)  评论(0)    收藏  举报