web_11day

---------------------get-------------------------------------------------
<script type="text/javascript">
    //定义入口函数
    window.οnlοad=function () {

        //创建ajax引擎对象
         var xmlHttp= new XMLHttpRequest();

         //绑定监听事件
        xmlHttp.onreadystatechange=function () {
           //判断网络状态码，获取服务器返回结果
            if(xmlHttp.readyState==4&&xmlHttp.status ==200){
                //获取网络请求结果
                var text=xmlHttp.responseText;
                //弹出对话框提示响应内容
               alert(text);
            }

        }

        //绑定请求url
        /**
         *method: string, url: string, async?
         * method:请求方式：POST，GET
         * url ： 后台请求路径：  比如www.baidu.com
         * async： boolean ：true或是false true代表异步请求，false：同步请求
         */
        xmlHttp.open("GET","http://localhost:9003/hello",true);
        //发送qingqiu
        xmlHttp.send();

    }

</script>
-----------------post----------------------------------------------------------------
<script type="text/javascript">
    //定义入口函数
    window.οnlοad=function () {

        //创建ajax引擎对象
        var xmlHttp= new XMLHttpRequest();

        //绑定监听事件
        xmlHttp.onreadystatechange=function () {
            //判断网络状态码，获取服务器返回结果
            if(xmlHttp.readyState==4&&xmlHttp.status ==200){
                //获取网络请求结果
                var text=xmlHttp.responseText;
                //弹出对话框提示响应内容
                alert(text);
            }

        }

        //绑定请求url
        /**
         *method: string, url: string, async?
         * method:请求方式：POST，GET
         * url ： 后台请求路径：  比如www.baidu.com
         * async： boolean ：true或是false true代表异步请求，false：同步请求
         */
        xmlHttp.open("POST","http://localhost:9003/world",true);
        //发送qingqiu
        xmlHttp.send(null);

    }

</script>
--------------------------------------------------------------------------------------
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>

<script type="text/javascript">

    /**
     * URL,data,callback
     * url:请求路径
     * data就是 请求参数
     * callback：服务器响应后的回调函数
     */
    //定义网络请求方法
    function  fn2() {
        //使用Jquery发送post请求
        $.post("http://localhost:9003/japost",
            {"username":"SJZZYJSXY"
             ,"password":"word"
            },

            function (data) {

            alert(data);

        });
    }
    //定义入口函数
    window.οnlοad=function () {

        //调用方法
        fn2();
    }

</script>

----------------------------------------------------------------------------------------------
<script type="text/javascript">
    //定义入口函数

    function  fn1() {
        /**
         * url 请求路径
         * async： boolean 是否异步
         * data： 请求参数
         * dataType： 后台响应数据类型
         * type： 请求方式
         * success：成功以后回调方法
         * error :响应失败以后的回调方法
         */
        $.ajax({url:"http://172.31.34.108:9003/japost",
               data:{"username":"SJZZYJSXY"},
               dataType:"json",
               type:"POST",
               success: function (resutlt) {
                   alert(resutlt);
               },
                error:function () {
                    alert("error");
                }

        });
    }

    window.οnlοad=function () {

        //调用方法
        fn1();
    }

</script>

---------------------------------------------------------------------------------------