封装后的ajax的使用

get请求

//这里是一个更新操作
function updateStudent() {
    $('#updateStudent').click(function () {
    //当模态框da开时为输入框赋值
        let id = Number($("#txtAddId").val());
        let name = $("#txtAddName").val();
        let age = Number($("#txtAddPAge").val());
        let sex = $("#sex").val();
        let txtAddPhone = $("#txtAddPhone").val();
        let txtAddEdu = $("#txtAddEdu").val();
        let txtAddBirth = $("#txtAddBirth").val();
        let classId = $("#classId").val();
        //调用封装的ajax，传参时使用了es6的模板字符串，但是需要注意的是&后最好不要有换行，不然服务器进行解析时会出现问题
        Myajax('get', '/update.do', `id=${id}&stu_name=${name}&age=${age}&sex=${sex}&txtAddPhone=${txtAddPhone}
        &txtAddEdu=${txtAddEdu}&txtAddBirth=${txtAddBirth}&classId=${classId}`, (data) => {
                data = JSON.parse(data);
                if (data.code == 200) {
                    getStudentList();
                    // displayData(); 
            } else {
                console.log(data.message);
            }
        })
        $("#modalAdd").modal('hide');
    })
   
}

这里就是上述的换行后造成的影响

可以看到txtAddPhone前并没有&符号

GET /update.do?id=22&stu_name=%E5%BC%A0%E7%AB%A0&age=22&sex=%E5%A5%B3&%20%20%20%20%20%20%20%20txtAddPhone=1232322%20%20%20%20%20%20%20%20&txtAddEdu=%E5%B0%8F%E5%AD%A6&txtAddBirth=2020-08-22&classId=5 

post请求

使用方式与get相同

Myajax('post', '/geteduList', '', function (data) {
        data = JSON.parse(data);
        if (data.code == 200) {
            data.data.forEach((item, index) => {
                $('#txtAddEdu').append(`<option value="${item.stu_edu}">${item.stu_edu}</option>`);
            })
        } else {
            console.log(data.message);
        }
    })