JQuery AJAX 传输POST JSON数据

最新推荐文章于 2025-10-07 13:25:04 发布

原创最新推荐文章于 2025-10-07 13:25:04 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#json #jquery #ajax

前端开发同时被 2 个专栏收录

17 篇文章

订阅专栏

同源跨域问题

3 篇文章

订阅专栏

本文介绍了在使用$.ajax发送POST请求到'http://demo/bank/account/login'时，未设置contentType可能导致的跨域问题，并展示了如何通过设置正确的content-type来避免此问题。

    $.ajax({
        type: "POST",
        url: "http://demo/bank/account/login",
        data: JSON.stringify(data),
        contentType: "application/json;charset=utf-8",
        // dataType: 'JSONP',
        // jsonp:"jsonpCallback",
        // jsonpCallback:" callback",
        crossDomain: true,
        xhrFields: {
            withCredentials: true
        },
        success: function(msg){
                console.log(msg);
        },
        complete: function(xhr, data) {
            var list = xhr.getAllResponseHeaders()
            console.log(list);
        }
    });

如果没设置contentType则会出现跨域问题