【问题标题】:Identifying json & jquery in this specific example?在这个特定示例中识别 json 和 jquery?
【发布时间】:2017-10-07 23:53:00
【问题描述】:

我使用Kendo UI 创建了一些图表。这些图表从我在asp.net 中创建的wcf service 获取数据。

即使我创建了图表和底层服务,我仍然不确定json 是什么代码,jquery 是什么代码。

任何帮助识别这些将不胜感激。

谢谢。

var WebService = "/ServiceDash.svc/";

function createPenetrationPieChart(Tech) {
    var url = WebService + "GetPenetration?";
    switch (Tech) {
        case "Sales1":
            url = url + "GroupId=Sales&State=1";
            break;
        case "Sales2":
            url = url + "GroupId=Sales&State=2";
            break;
        case "Sales3":
            url = url + "GroupId=Sales&State=3";
            break;
    }

    $("#" + Tech).kendoChart({
        legend: {
            visible: false
        },
        dataSource: {
            transport: {
                read: {
                    url: url,
                    dataType: "json"
                }
            }
        },
        chartArea: {
            margin: 0,
            height: 150 /* add this option */
        },
        series: [{
            type: "donut",
            field: "Penetration"
        }],
        seriesColors: ["#0C5885", "#000000"],
        tooltip: {
            visible: true
            //template: "${ value }%"
        }
    });
}

function FillCharts() {
    createSitePenetrationPieChart("Sales1");
}

$(document).ready(FillCharts);
$(document).bind("kendo:skinChange", FillCharts);

【问题讨论】:

  • json = 数据,jquery = 应用程序
  • 所以如果我正在寻找可以通过 WCF 服务方法调用填充的图表,我应该搜索“charts json”还是“charts jquery”?
  • 您正在寻找可以处理 json 数据的 jquery 图表。如果您实际上想要一个 jquery 图表,它是可选的,因为您可能只需要一个 html5 图表 - 所以如果这不是必需的,那么寻找可以处理 json 数据源的图表(很可能在过去 5 年中编写的任何图表都可以处理 json) .
  • 我知道这是一个简单的问题,但请告诉我为什么我的问题被否决,以便我改进它。

标签: javascript jquery asp.net json wcf


【解决方案1】:

您可以通过美元符号 $ 来识别 jQuery。 jQuery 主要用于操作 DOM 元素。 JSON 是一种打包数据的方式。所以在你的具体例子中,

$('#' + Tech).kendoChart({...})

标识一个 DOM 元素。里面的一切都是 JSON。

【讨论】:

  • 谢谢。因此,如果我正在寻找可以通过 WCF 服务方法调用填充的图表,我应该搜索“charts json”还是“charts jquery”?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-22
  • 1970-01-01
  • 2011-06-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多