ajax的描述

ajax：异步请求（灰常重要）

$.ajax({

    ->配置请求的参数设置

    type：请求方式"GET|POST",

    url:"请求服务器的位置",

    data:请求参数，

    dataType：预期的服务器响应数据的类型  json，text，html,

    success:function(data){

        请求成功后的回调函数

        参数data：服务器响应数据

},

error:function(){

请求失败后的回调函数

}

})；

<button id="btn" type="button">按钮</button>

    <form action="">

        <input type="text" name="uname" value="zhangsan"> 用户名

        <input type="password" name="upwd" value="1234"> 用户密码

    </form>

   <script>

        $("#btn").bind("click",function(){

            console.log($("form").serialize());

            $.ajax({

                type : "GET",

                url : "js/data.json",

                /*data : {

                    "name" : "zhangsan",

                    age : 18

                },*/

                data :$("form").serialize() , /*表单提交*/

                dataType : "JSON",

                success : function (data) {

                    console.log(data);

                    console.log(data.code);

                    console.log(data.message);

                    console.log(data.result);

                },

                error : function () {

                    console.log("请求失败!!!!");

                }

            });

            /*

            //GET : 请求json⽂件,传递参数,拿到返回值

            $.get('js/data.json',{name:"tom",age:100},function(data){

                console.log(data);

            });

            //POST : 请求json⽂件,传递参数,拿到返回值

            $.post('js/data.json',{name:"tom",age:100},function(data){

                console.log(data);

            });*/

            //响应结果固定为json

            /*$.getJSON('js/data.json',{name:"tom",age:100},function(data){

            console.log(data); // 要求返回的数据格式是JSON格式

            })*/

        });

   </script>