JQuery的Ajax请求

$.get() 函数

参数解释

• url:提交的服务器地址
• data：提交的服务器数据 k=v&k=v
• 回调函数：服务器响应成功，自动调用函数
• type：服务器响应回来的数据类型：text，json

function fn() {
        $.get(
            //1.传递服务器路径
            "/WEB11/jquery_get",
            //2.传递提交到服务的参数
            "username=zhangsan&age=20",
            //3.回调函数，服务器响应成功，调用函数
            //服务器响应回来的数据，传递到函数的参数
            function (data) {
                    alert(data);
            },
            //4.服务器响应的数据格式
            "text"
        );
    }

$.post()函数

参数解释

• url:提交的服务器地址
• data：提交的服务器数据 k=v&k=v
• 回调函数：服务器响应成功，自动调用函数
• type：服务器响应回来的数据类型：text，json

<script type="text/javascript">
    function fn() {
        /**
         *  jQuery中的函数post异步请求
         */
        $.post(
            //传递服务器路径
            "/WEB11/jquery_post",
            //传递提交到服务器的参数
            "username=zhangsan&age=20",
            //回调函数,服务器响应成功,调用函数
            //服务器响应回来的数据,传递到函数的参数
            function (data) {
                alert(data);
            },
            //服务器响应的数据格式
            "text"
        );
    }
</script>

$.Ajax()函数

jQuery的异步请求函数 ajax(), 他是get和post的底层函数

使用get或者post的时候,调用的底层都是ajax函数

上层函数: 代码简单,可以控制内容少

底层函数: 代码量多,灵活性很大,可以控制的内容多

• 函数的参数
  • url:服务器请求地址
  • async: 异步请求或者同步请求,默认是true,表示异步
  • data:请求到服务器参数 k=v
  • dataType:接收服务器响应的数据格式 text json
  • error:服务器响应失败的回调函数
  • success:服务器响应成功的回调函数
  • type:get请求或者是post

<script type="text/javascript">
    function fn() {
        /**
         * jQuery的底层函数ajax实现异步请求
         * $.ajax({
         *    k:v,
         *    k:v
         * })
         */
        $.ajax({
            //服务器路径
            url:"/WEB11/jquery_ajax",
            //提交服务器的数据
            data:"username=zhangsan&age=20",
            //响应失败的回调函数
            error:function(){alert("响应失败")},
            //响应成功的回调函数
            success:function(data){alert("响应成功"+data)},
            //设置接收的响应数据格式
            dataType:"text",
            //设置请求方式
            type:"GET"
        });
    }
</script>