jQuery --ajax本地文件简易ajax获取数据真实接口JQ使用ajax 登录成功,获取token并保存保存保存

本地文件简易ajax获取数据

    <body>
        <button>点击</button>
        <h1></h1>.
        <script src="../jQuery/jquery-1.12.4.js"></script>
        <script>
            $('button').click(function(){
                $.ajax({
                    url:'./login.txt',
                    method:'get',
                    async:false,
                    dataType:'json',
                    success:function(res){
                        /* console.log(JSON.parse(res));
                        let a=JSON.parse(res); */
                        $('h1').html(`${res.name},${res.msg}`)
                    },
                    error:function(){
                        $('h1').html('登录失败')
                    }
                })
            })

        </script>
    </body>

真实接口JQ使用ajax 登录成功,获取token并保存

      $('button').click(function () {
        $.post(url+'login',{username:'admin',password:'123456'},function(res){
            localStorage.token = res.data.token;
            $('button').slideUp('slow')
        })
      })