$.ajax 与 $.post 的区别，以及$.post的bug

最新推荐文章于 2025-04-28 08:26:47 发布

转载最新推荐文章于 2025-04-28 08:26:47 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000009794376

文章标签：

#javascript #ViewUI

本文探讨了jQuery中$.ajax与$.post方法的区别及不常见的使用场景,如上传文件时需设置contentType与processData为false以确保正确处理FormData,并讨论了在302重定向情况下的行为差异。

先来看两个方法：

$.ajax({
    url: url,
    data: params,
    type: 'post',
    dataType: 'json',
    success: function(d) {
    },
    error: function(e) {
    }
});
$.post(url, params, function(d) {
}, function(e) {
});

这都能看懂，没有什么问题
正常的使用，不会有什么问题，
那什么是不正常的使用呢？

上传文件


$.ajax({
    url: url,
    data: formdata,
    type: 'post',
    contentType: false,//必须false才会自动加上正确的Content-Type
    /**
     * 必须false才会避开jQuery对 formdata 的默认处理
     * XMLHttpRequest会对 formdata 进行正确的处理
     */
    processData: false,
    success: function(d) {
    },
    error: function(e) {
    }
});