Ajax如何通过jQuery实现

1. 实现方式

1. $.ajax()
2. $.get()
3. $.post

1.1 $.ajax()

语法 ：$.ajax({键值对});

/**
         * $ is not defined
         * 原因是没有导入js 的包
         */
        function fun() {
            $.ajax(
                {
                    url: "ajaxServlet", //请求路径

                    type: "POST",      //请求方式

                    //data : "username=jack&age=23", //请求参数

                    data : {"username":"jack","age":"23"} //推荐使用json格式
                    success :function (data) {
                        alert(data);
                    },                  //响应成功后的回调函数

                    error : function () {
                        alert("出错了 。。。")
                    },                    // 表示如果请求响应出现错误，将会执行一个回调函数

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

                }
            );
        }

 

1.2 $.get()

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

• 参数 ：

1. url : 请求路径
2. data ：请求参数
3. callback ：回调函数
4. type ：响应结果类型

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

 

1.3 $.post()

 $.post(url,[data],[callback],[type]);

• 参数 ：

1. url : 请求路径
2. data ：请求参数
3. callback ：回调函数
4. type ：响应结果类型

function fun() {

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