前端jquery中ajax使用 json格式方法

180 阅读1分钟

** 前端jquery中ajax使用 json格式方法**

//首先绑定一个按钮,被点击时触发ajax方法
    $("#sendEmail-btn").on("click", function () {
    $.ajax({
        type: 'post',//请求类型为post
        //关键:传过去的内容为{key: value}对,即为json格式,关系到能否正确传参
        data:  { email: $("#email-input").val()}, /
       //格式为json,springboot正常不用添加q其它注解即可解析email的value
        dataType: 'json',/
        url: '/sendEmail',//controller层走的映射路径
    })
});

需要注意的两点:

data参数需要使用JSON.stringify()方法序列化成JSON字符串

contentType需要显示指定为'application/json;charset=utf-8',这样浏览器才会把需要传输的data认为时JSON字符串传输,否则浏览器还是会将其作为Form Data传输,这样后端接收到的参数会出现反序列化错误。