JSON：解析使用JQuery在HTML中显示 [英] Json: parse to display in HTML using JQuery

问题描述

我想从JSON在我的ASP.NET MVC 1.0的Web应用程序页面分析数据。我需要这个数据在页面加载一个表格来显示和我有一个很大的麻烦，主要是因为我以前从来没有使用JSON。 jQuery的网站为pretty的可怕例子也是如此。这是我到目前为止，我需要帮助写一个函数：

  $（文件）。就绪（函数（）{
        $ .getJSON（HTTP：//本地主机：1909年/ EN codeRS，
            功能（数据）{
                $每个（data.items，函数（）{

                }）;
            }）;
    }）;
 

以上，目前只显示JSON和两列，我从SQL Server产生的JSON越来越有恩coderName和恩coderStatus的URL。该ID是displayen codeRS。

谢谢！

编辑： 我的控制器看起来是这样的：

  [UrlRoute（NAME =GetEn codeRS，路径=EN codeRS）
        公众的ActionResult GetEn codeRS（）{
            变种EN codeRS = Database.GetEn codeRS（）;

            返回JSON（EN codeRS）;
        }
 

编译时，我的/ EN codeRS /是这样的：

  {

    *恩coderName：rmcp2恩codeR
    *恩coderStatus：不活跃

}
 

解决方案

  $（文件）。就绪（函数（）{
    $ .getJSON（HTTP：//本地主机：1909年/ EN codeRS，功能（数据）{

        $（＃DIV-我的表）文本。（＆LT;表＆gt;）;

        $每个（数据，功能（I，项目）{
            $（＃DIV-我的表）追加（＆LT; TR＆GT;＆LT; TD＆gt;中+ item.En coderName +＆LT; / TD＆GT;＆LT; TD＆gt;中+ item.En coderStatus +＆所述; / TD＆GT;＆所述; / TR＆gt;中）;
        }）;

        $（＃DIV-我的表）追加（＆LT; /表＆gt;）。

    }）;
}）;
 

I'm trying to parse data from a page of JSON in my ASP.NET MVC 1.0 web application. I need this data to display in a table on page load and I'm having a great deal of trouble mainly because I've never used JSON before. The JQuery site gives pretty terrible examples as well. This is what I have so far, I need help writing a function:

$("document").ready(function() {
        $.getJSON("http://localhost:1909/encoders",
            function(data) {
                $.each(data.items, function() {

                });
            });
    });

The URL above is currently just displaying JSON and the two columns I am getting from the SQL server to produce the JSON are EncoderName and EncoderStatus. The id is displayencoders.

Thanks!

edit: my controller looks like this:

[UrlRoute(Name = "GetEncoders", Path = "encoders")]
        public ActionResult GetEncoders() {
            var encoders = Database.GetEncoders();

            return Json(encoders);
        }

when compiled my /encoders/ looks like:

{

    * EncoderName: "rmcp2-encoder"
    * EncoderStatus: "inactive"

}

解决方案

$("document").ready(function() {
    $.getJSON("http://localhost:1909/encoders", function(data) {

        $("#div-my-table").text("<table>");

        $.each(data, function(i, item) {
            $("#div-my-table").append("<tr><td>" + item.EncoderName +"</td><td>" + item.EncoderStatus + "</td></tr>");
        });

        $("#div-my-table").append("</table>");

    });
});

这篇关于JSON：解析使用JQuery在HTML中显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！