ประเภทเนื้อหาและประเภทข้อมูลในคำขอ AJAX คืออะไร?

ประเภทเนื้อหาและประเภทข้อมูลในคำขอ POST คืออะไร? สมมติว่าฉันมีสิ่งนี้:

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

    },
    error : function(error) {

    },

คือcontentTypeสิ่งที่เราส่ง? ดังนั้นสิ่งที่เราส่งในตัวอย่างข้างต้นคือ JSON และสิ่งที่เราได้รับคือข้อความธรรมดา? ฉันไม่เข้าใจจริงๆ

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

จากเอกสาร 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) {

    }
});

ดูhttp://api.jquery.com/jQuery.ajax/มีการกล่าวถึงประเภทข้อมูลและ contentType ที่นั่น

พวกเขาทั้งสองใช้ในการร้องขอไปยังเซิร์ฟเวอร์เพื่อให้เซิร์ฟเวอร์รู้ชนิดของข้อมูลที่จะรับ / ส่ง