dattaprasaddhuri Ответов: 0

Я хочу отобразить строку массива json в HTML-таблицу. Пожалуйста, помогите.

Пример Строки Json:-

{d: "{"name":{"Fname":"test","LName":"data"},"Address":{"address1":"abc","address2":"def","pincode":"0","Area":"Bhandup"}}"}



Имя данные должны быть добавлены в 
tblname
таблица адресные данные должны быть добавлены в 
tblAddress
настольный просьба помочь

Что я уже пробовал:

<pre><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JsonDisplay.aspx.cs" Inherits="JSON1.JsonDisplay" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-2.1.4.js"></script>
   <%-- <script src="Scripts/jquery-2.1.4.min.js"></script>--%>
    <script type="text/javascript">
        $(document).ready(function () {

            debugger;
            //alert(1);
            $('#Getdata').click(function () {

                alert(2);

               $.ajax({
                type: "POST",
                url: "JsonDisplay.aspx/DisplayData",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: { },
                   success: function (msg) {
                       debugger;
                       var data = JSON.stringify(msg);
                       var jdata = JSON.parse(data);

                       var i = 0;

                       var trHTML = '';

                       $.each(jdata, function (i, item) {
        
                             trHTML += '<tr><td>' + data.jdata[i] + '</td><td>' + data.jdata[i] + '</td></tr>';
                        });
                     
                     $('#tblname').append(trHTML);
                }
            })
            })

        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <%--<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />--%>
       <input type="button" name="btn1" id="Getdata" value="Getdata" />
        <div id="name">
            <table id="tblname">

            </table>
        </div>
        <div id="Addess">
            <table id="tblAddress">

            </table>
        </div>
    </form>
</body>
</html>

Gerry Schmitz

Спасибо, что еще раз напомнили мне, почему я не занимаюсь веб-клиентами.

Richard Deeming 

var data = JSON.stringify(msg);
var jdata = JSON.parse(data);

Почему?!

1. jQuery принимает JSON, возвращенный с сервера, и анализирует его в объект для вас.
2. Вы затем преобразуете этот объект обратно в JSON.
3. Вы разбираете, что в JSON обратно в объект.

Просто используйте msg вместо этого параметр.

Richard Deeming

Также: 

trHTML += '<tr><td>' + data.jdata[i] + '</td><td>' + data.jdata[i] + '</td></tr>';

Ваш data переменная-это string У него нет свойства под названием jdata.

dattaprasaddhuri

Спасибо. Его работа

0 Ответов