0

私はこのJSONを持っています:

{
  "jsonDept": [
    {
      "Id": "1",
      "DeptName": "aaaa "
    }, {
      "Id": "2",
      "DeptName": "bbb "
    }, {
      "Id": "6",
      "DeptName": "ccc "
    }, {
      "Id": "7",
      "DeptName": "ddd "
    }, {
      "Id": "8",
      "DeptName": "eee "
    }, {
      "Id": "9",
      "DeptName": "fff "
    }, {
      "Id": "12",
      "DeptName": "haha "
    }, {
      "Id": "13",
      "DeptName": "test1 "
    }, {
      "Id": "14",
      "DeptName": "test2 "
    }, {
      "Id": "10",
      "DeptName": "tmd "
    }, {
      "Id": "11",
      "DeptName": "tnnd "
    }
  ]
}

そして私のJQuery：

function loadDepartmentList() {
    $.ajax({
        url: "QueryDepartment.ashx",
        //data: "",
        type: "GET",
        dataType: 'json',
        success: function (data) {
            // how to read json here? this is not working
            $.each(data, function () {
                alert("Name: " + this.DeptName);
            });
        }
    })
}

ただし、アラートは「未定義」と表示され、ポップアップは1回だけです。

私がしたいのは、このjsonを解析し、htmlを生成<ul><li>DeptName</li></ul>して、htmlをdivに入れることです。

多くのコードをグーグル検索しましたが、機能していません。先頭文字列「jsonDept」に問題があるのではないかと思います。

誰でもこのjsonの作業スクリプトを書くことができますか? ありがとう！

4

2 に答える 2

4

返されるオブジェクトには、1 つのプロパティ、つまり が含まれますjsonDept。jsonDept部門情報の配列を含むプロパティです。

function loadDepartmentList() {
    $.ajax({
        url: "QueryDepartment.ashx",
        //data: "",
        type: "GET",
        dataType: 'json',
        success: function (data) {
            // how to read json here? this is not working
            $.each(data.jsonDept, function () {
                alert("Name: " + this.DeptName);
            });
        }
    })
}
于 2012-09-15T02:06:45.027 に答える
0

これは、json 配列を HTML リスト "ul li DeptName /li /ul" に解析したいですか?

UL の ID を作成

<ul id="list"></ul>

関数：

     function loadDepartmentList() {
       $.ajax({
          url: "QueryDepartment.ashx",
           //data: "",
           type: "GET",
           dataType: 'json',
           success: function (data) {            
           $.each(data.jsonDept, function () {
              $('#lsit').append('<li>'+this.DeptName+'</li>');
           });
        }
    })
  }

これがいくつかのアイデアを与えることを願っています..

于 2012-09-15T11:59:44.153 に答える