如何在jQuery中讀取響應的JSON值

Question

這是我在網站上的一個小部件的腳本部分。無論如何，當“ inp”類的文本框的值發生更改時，代碼會將所有參數發送到Web服務，該服務通過數據庫進行查找並以json的形式返回記錄。我的問題是我沒有我知道如何在json響應中獲取值。我正在嘗試將新的div添加到res12 div中，因為結果應該來自json。我能夠創建div但值未定義，並且腳本多次運行並且我不明白為什么。我需要您的幫助。 json響應

[{“” description“：”發送給會議“，” date“：” 19.02.2012 21:34:26“，” lid“：” 6“，” companyname“：” M＆L“，” personname“：” jack ferrel“，”電子郵件“：” jacky@ml.com“，”傳真“：” 123123“，”電話“：” 345345“，”行業名稱“：”財務“，”團隊名稱“：” w12et“，”發件人“ ：“ jack ferrel”，“狀態名”：“正在等待”}]

   <script type="text/javascript">

          var typingTimer;               
          var doneTypingInterval = 5000;
          $(document).ready(function () {
              $(".inp").keyup(function () {
                    typingTimer = setTimeout(doneTyping, doneTypingInterval);
                });
                $(".inp").keydown(function () {
                    clearTimeout(typingTimer);
                });

            });

            function doneTyping() {
                $.ajax({
                    type: "POST",
                    url: "letter.ashx",
                    data: { CompanyName: $("#<%=TextBox1.ClientID%>").val(), PersonName: $("#<%=TextBox3.ClientID%>").val(), Email: $("#<%=TextBox5.ClientID%>").val() },
                    dataType: "application/json",
                    success: function (msg) {

                        var newdiv = $('<div class="e"><div></div><div>'+CompanyName+'</div><div>'+Sender+'</div><div>1</div><div>2</div></div> ');

                        $('#res12').append(newdiv);
                    }
                });
            }
        </script>

Answer 1

由於undefined CompanyName和Sender因此在創建的新div中看到undefined 。 如果它們是ajax響應的一部分，則可以使用msg.CompanyName和msg.Sender 。 嘗試這個。

        function doneTyping() {
            $.ajax({
                type: "POST",
                url: "letter.ashx",
                data: { CompanyName: $("#<%=TextBox1.ClientID%>").val(), PersonName: $("#<%=TextBox3.ClientID%>").val(), Email: $("#<%=TextBox5.ClientID%>").val() },
                dataType: "application/json",
                success: function (msg) {

                    var newdiv = $('<div class="e"><div></div><div>'+msg.CompanyName+'</div><div>'+msg.Sender+'</div><div>1</div><div>2</div></div> ');

                    $('#res12').append(newdiv);
                }
            });
        }

更新：

您在問題中發布的json具有companyname而不是CompanyName ，與sender相同。 請記住，JavaScript區分大小寫，因此您必須在代碼中使用companyname和sender來獲取值。