Web全栈20210306-jquery里的ajax请求

1. ajax 请求
   $.ajax(url,[settings])
   $.get(url,[data],[fn],[type])
   $.getJSON(url,[data],[fn])
   $.getScript(url,[callback])
   $.post(url,[data],[fn],[type])

   type 返回的值类型 html script text json

 $(function () {
        //服务器请求的api  接口
        var src = "http://127.0.0.1/findUser";
        //获取服务器数据
        $.get(src, function (result) {
            console.log(result);
        });
        //向服务器传递数据  get方式
        var inssrc = "http://127.0.0.1/insertUser";
        var data = {name: '小黑', age: 18, sex: '男'};
        $.get(inssrc, data, function (result) {
            if (result.effectRows) {
                console.log("数据增加成功");
            }
        });


        //post  请求  接口也是post请求
        var psrc = "http://127.0.0.1/findAll";
        $.post(psrc, function (result) {
            console.log(result);
        })

        //post增加数据
        var inspsrc = "http://127.0.0.1/postinsert";
        var pdata = {name: '小红', age: 18, sex: '女'};
        $.post(inspsrc, pdata, function (result) {
            if (result.effectRows) {
                console.log("数据增加成功");
            }
        });


        //ajax  相当结合体  自己配置
        /*
         * async  false  同步  true 异步  默认异步
         * */

        //下面模拟jsonp
        /*var jsonpsrc = 'http://127.0.0.1/jsonpdata';
        $.ajax({
            method: 'get',
            url: jsonpsrc,
            data: {status: 200, count: 1},
            dataType: 'jsonp',
            jsonpCallBack: 'getdata',
            success: function (res) {
                console.log(res);
            },
            error: function (err) {
                console.log(err);
            },
            async: true
        });*/

        //配置请求参数  不能使用jsonp  jsonp不是请求
        //只能请求处理
        var getsrc = 'http://127.0.0.1/findUser';
        $.ajax({
            method: 'get',
            /*username: 'admin',//用户名
            password: '12345',//密码admin:12345 YWRtaW46MTIzNDU=*/
            url: getsrc,
            beforeSend: function (xhr) {
                //设置请求头的
                //YWRtaW46MTIzNDU=  base64加密 admin:12345
                //接口验证
                xhr.setRequestHeader("Authorization", "YWRtaW46MTIzNDU2");
                console.log(xhr);
                return true;
            },
            success: function (res) {
                console.log(res);
            },
            error: function (err) {
                console.log(err);
            },
            async: true
        });

    });