venkatesh (chennai) Ответов: 1

Я долго боролся, чтобы загрузить данные json в HTML-таблицу..?

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
    <script>
        $(function () {
            //var dmJSON = "http://api.dailymile.com/entries.json?callback=?";
            var dmJSON = "http://localhost:61397/CompanyRestService.svc/GetCompID/155?callback=?";
            $.getJSON(dmJSON, function (data) {
                alert("The values can't come this method..?");
                $.each(data.SelectCompanyDetailsResult, function (i, f) {
                    var tblRow = "<tr>" + "<td>" + f.AliasName + "</td>" + "<td>" + f.CIN + "</td>" + "</tr>"
                    $(tblRow).appendTo("#entrydata tbody");
                });
            }
            );
        });
    </script>
</head>
<body>
    <div class="wrapper">
        <div class="profile">
            <table id="entrydata" border="1">
                <thead>
                <th>AliasName</th>
                <th>CIN</th>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</body>
</html>



пример моего вывода в формате JSON :

{"SelectCompanyDetailsResult":[{"AliasName":"HCL","CIN":"U72900Te2003P1699","Websites":"www.okdude.co"}]}

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

Я долго боролся за то, чтобы загрузить данные Json в html-таблицу...plz help

F-ES Sitecore

http://forums.asp.net/t/1982579.aspx?Using+the+browser+s+dev+tools+to+diagnose+ajax+problems+and+other+things+

1 Ответов

Рейтинг:
1

Suket shah

Привет,

Я проверил с помощью вашего кода, что не было никаких проблем с загрузкой данных json в html-таблицу.

это может привести к проблемам с вашими данными. у меня есть код проверки в локальном режиме с вашими заданными статическими данными, он отлично работает.

Проверьте приведенный ниже код для загрузки статических данных в html-таблицу 

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
    <script>
        $(document).ready(function () {
            //var dmJSON = "http://api.dailymile.com/entries.json?callback=?";
            var testdata = [{ "AliasName": "HCL", "CIN": "U72900Te2003P1699", "Websites": "www.okdude.co" }];
           // $.getJSON(dmJSON, function (data) {
                alert("The values can't come this method..?");
                $.each(testdata, function (i, f) {
                    var tblRow = "<table><tbody><tr>" + "<td>" + f.AliasName + "</td>" + "<td>" + f.CIN + "</td>" + "</tr></tbody></table>"
                    $(tblRow).appendTo("#entrydata tbody");
                });
            //}
            //);
        });
    </script>
</head>
<body>
    <div class="wrapper">
        <div class="profile">
            <table id="entrydata" border="1">
                <thead>
                <th>AliasName</th>
                <th>CIN</th>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</body>
</html>