什么是 contentType 和 dataType 以及 jQuery ajax Post 中的数据

本文关键字：Post ajax 数据 jQuery 以及 contentType dataType 什么 | 更新日期: 2023-09-27 18:35:15

>我刚刚开始使用 Json 学习 Json 并将数据绑定到 Gridview 使用 Json，但我无法理解什么是 contentType 和数据类型以及数据？

我使用了以下代码...

<script type="text/javascript">
$(document).ready(function () {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Gridview.aspx/BindDatatable",
        data: "{}",
        dataType: "json",
        success: function (data) {
            for (var i = 0; i < data.d.length; i++) {
                $("#gvDetails").append("<tr><td>" + data.d[i].OfficeName + "</td><td>" + data.d[i].City + "</td><td>" + data.d[i].Country + "</td></tr>");
            }
        },
        error: function (result) {
            alert("Error");
        }
    });
});
</script>

什么是 contentType 和 dataType 以及 jQuery ajax Post 中的数据

contentType 引用指定设置为服务器的内容类型的 MIME 内容类型。这可以识别表单编码，XML，JSON和大量其他内容类型。它可以帮助服务器确定如何处理内容。

如果指定 JSON，则返回的数据将被评估为 JSON，传递给成功处理程序的数据将是对象而不是字符串

数据属性用于传递到服务器的数据。如果传入对象文本。JQuery 会将其作为请求正文的一部分（如果类型为 post）或作为查询字符串的一部分（如果类型为 get）传递

如果我们将数据类型指定为 Json，那么返回的数据将被评估为 Json，传递给成功处理程序的数据将是对象而不是字符串，让我们看看示例

  $.ajax({
        type: "POST",
        url: "ProductWebService.asmx/GetProductDetails",
    data: "{'productId':'" + productId + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (response) {
        var Product = response.d;
        $("#spnProductId").html(Product.Id);strong text
        $("#spnProductName").html(Product.Name);
        $("#spnPrice").html(Product.Price);
        $("#outputTable").show();
    },
    failure: function (msg) {
        alert(msg);
    }
});
相关文章：