Kiểu nội dung và kiểu dữ liệu trong yêu cầu AJAX là gì?

Kiểu nội dung và kiểu dữ liệu trong yêu cầu POST là gì? Giả sử tôi có cái này:

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

    },
    error : function(error) {

    },

Là contentTypenhững gì chúng tôi gửi? Vì vậy, những gì chúng tôi gửi trong ví dụ trên là JSON và những gì chúng tôi nhận được là văn bản thuần túy? Tôi thực sự không hiểu.

contentTypelà loại dữ liệu bạn đang gửi, vì vậy, đây là loại dữ liệu application/json; charset=utf-8phổ biến application/x-www-form-urlencoded; charset=UTF-8.

dataTypelà những gì bạn đang mong trở lại từ máy chủ: json, html, textvv jQuery sẽ sử dụng để tìm ra cách để cư tham số chức năng thành công của.

Nếu bạn đang đăng một cái gì đó như:

{"name":"John Doe"}

và mong đợi trở lại:

{"success":true}

Sau đó, bạn nên có:

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
    },
});

Nếu bạn đang mong đợi những điều sau đây:

<div>SUCCESS!!!</div>

Sau đó, bạn nên làm:

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
    },
});

Thêm một - nếu bạn muốn đăng:

name=John&age=34

Sau đó, không có stringifydữ liệu và làm:

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
    },
});

Từ tài liệu jQuery - http://api.jquery.com/jQuery.ajax/

contentType Khi gửi dữ liệu đến máy chủ, hãy sử dụng loại nội dung này.

dataType Loại dữ liệu mà bạn mong đợi từ máy chủ. Nếu không được chỉ định, jQuery sẽ cố gắng suy luận dựa trên loại phản hồi MIME

"văn bản": Một chuỗi văn bản đơn giản.

Vì vậy, bạn muốn contentType trở thành application/jsonvà dataType là text:

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

    },
    error : function(error) {

    }
});

Xem http://api.jquery.com/jQuery.ajax/ , có đề cập đến kiểu dữ liệu và contentType ở đó.

Cả hai đều được sử dụng trong yêu cầu đến máy chủ để máy chủ biết loại dữ liệu nào sẽ nhận / gửi.