8

Json を学習し、Json を使用して Gridview にデータをバインドし始めたばかりですが、contentType と dataType と data が何であるかを理解できませんか?

次のコードを使用しました........

<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>
4

2 に答える 2

14

contentType は、サーバーに設定されるコンテンツのタイプを指定する MIME コンテンツ タイプを参照します。これにより、FORM エンコード、XML、JSON、およびその他の多数のコンテンツ タイプを識別できます。サーバーがコンテンツの処理方法を決定するのに役立ちます。

dataType は、データの処理方法に関して JQuery を支援します。json を指定すると、返されるデータは json として評価され、成功ハンドラに渡されるデータは文字列ではなくオブジェクトになります。

データ プロパティは、サーバーに渡されるデータに使用されます。オブジェクトリテラルを渡す場合。JQuery はそれをリクエスト本文の一部 (タイプが post の場合) またはクエリ文字列の一部 (タイプが get の場合) として渡します。

于 2012-05-25T10:35:21.507 に答える
3

データ型を 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);
    }
});
于 2013-06-10T06:31:54.230 に答える