AJAX_实现_JQuery实现方式_ajax()_其他键值与AJAX_实现_JQuery实现方式_get&post

AJAX_实现_JQuery实现方式_ajax()_其他键值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>

        //定义方法
        function fun(){
            //使用$.ajax()发送异步请求
            $.ajax({
                url:"ajaxServlet111" , // 请求路径
                type:"POST" , //请求方式
                //data: "username=jack&age=23",//请求参数
                data:{"username":"jack","age":23},
                success:function (data) {
                    alert(data);
                },//响应成功后的回调函数
                error:function (){
                    alert("出错了....")
                },//表示如果请求响应出现错误，会执行的回调函数

                dataType:"text"//设置接受到的响应式数据的格式
             });
        }


    </script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">

<input>

</body>
</html>

AJAX_实现_JQuery实现方式_get&post

　　get：

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

　　　　参数：
　　　　　　url：请求路径
　　　　　　data：请求参数
　　　　　　callback：回调函数
　　　　　　type：响应结果的类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {

            $.get("ajaxServlet",{username:"rose"},function (data) {
                alert(data);
            },"text");

        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>

　　POST：　　

　　　　语法：$.post(url, [data], [callback], [type])
　　　　参数：
　　　　　　url：请求路径
　　　　　　data：请求参数
　　　　　　callback：回调函数
　　　　　　type：响应结果的类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {

            $.post("ajaxServlet",{username:"rose"},function (data) {
                alert(data);
            },"text");

        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>