AJAX请求中的content-type和datatype是什么？

Question

POST请求中的content-type和datatype是什么？假设我有这个:

$.ajax({
    type : "POST",
    url : /v1/user,
    datatype : "application/json",
    contentType: "text/plain",
    success : function() {

    },
    error : function(error) {

    },

是contentType我们送的吗？那么我们在上面的例子中发送的是JSON,我们收到的是纯文本？我真的不明白.

Answer 1

contentType是您要发送的数据类型,因此application/json; charset=utf-8是常见的数据application/x-www-form-urlencoded; charset=UTF-8,这是默认值.

dataType是你从服务器期待什么时候回来:json,html,text等jQuery将使用这个弄清楚如何填充成功函数的参数.

如果您发布的内容如下:

{"name":"John Doe"}

并期待回来:

{"success":true}

那你应该有:

var data = {"name":"John Doe"}
$.ajax({
    dataType : "json",
    contentType: "application/json; charset=utf-8",
    data : JSON.stringify(data),
    success : function(result) {
        alert(result.success); // result is an object which is created from the returned JSON
    },
});

如果您期望以下内容:

<div>SUCCESS!!!</div>

然后你应该这样做:

var data = {"name":"John Doe"}
$.ajax({
    dataType : "html",
    contentType: "application/json; charset=utf-8",
    data : JSON.stringify(data),
    success : function(result) {
        jQuery("#someContainer").html(result); // result is the HTML text
    },
});

还有一个 - 如果你想发布:

name=John&age=34

然后不要stringify数据,并做:

var data = {"name":"John", "age": 34}
$.ajax({
    dataType : "html",
    contentType: "application/x-www-form-urlencoded; charset=UTF-8", // this is the default value, so it's optional
    data : data,
    success : function(result) {
        jQuery("#someContainer").html(result); // result is the HTML text
    },
});

Answer 2

来自jQuery文档 - http://api.jquery.com/jQuery.ajax/

contentType将数据发送到服务器时,请使用此内容类型.

dataType您希望从服务器返回的数据类型.如果没有指定,jQuery将尝试根据响应的MIME类型推断它

"text":纯文本字符串.

所以你想要contentType application/json和dataType是text:

$.ajax({
    type : "POST",
    url : /v1/user,
    dataType : "text",
    contentType: "application/json",
    data : dataAttribute,
    success : function() {

    },
    error : function(error) {

    }
});