Javascript 如何在html页面的JSON对象中显示虚拟数据？

我试图显示一些虚拟数据，这些数据存储在JSON对象中。我是这门学科的新手。所以我不清楚该怎么做

不过，我编写了一个javascript函数和ajax调用

$(document).ready(function () {
    var data = {
      "id": 1,
      "schedule": 1,
      "channel": "AXN",
      "fromDate": "2018-01-19",
      "toDate": "2018-01-31",
      "startTime": "11:00:00",
      "endTime": "12:00:00",
      "type": "TVC",
      "mediaFile": 1
    }

     $.ajax({
         type: "POST",
         url: URI.customSchedule.getCustomScheduleUrl(),
         data: data,
         beforeSend: function () {

         },
         processData: false,
         contentType: false,
         cache: false,
         timeout: 600000,
         success: function (data) {
            data.channel = $('#selectChannel').val();
            data.fromDate = $('#fromDate').val();
            date.toDate = $('#toDate').val();
            date.startTime = $('#startTime').val();
            date.endTime = $('#endTime');
         },
         error: function (e) {

         }
     });
 });

这是如何将JSON对象中的数据分配给html字段的，但这不起作用

data.channel = $('#selectChannel').val();
data.fromDate = $('#fromDate').val();
date.toDate = $('#toDate').val();
date.startTime = $('#startTime').val();
date.endTime = $('#endTime');

有人能帮我解释一下我犯的错误吗？请帮助我在html字段中显示JSON对象中存储的值

编辑：

---

当我调试代码时，调试点不在Ajax调用中。此处的问题是什么？

要分配给HTML字段，请执行以下操作

$('#selectChannel').val(data.channel);
$('#fromDate').val(data.fromDate);

---

在jquery中，有相同的函数获取和设置元素中的值

val（）

是一个常用函数，它将从特定元素获取值，并将值设置为该元素

如果使用带有一个参数的

val（）

作为值，则它会将该值设置为该HTML元素，因此您在

success

中所做的操作是从具有

id=selectChannel

的元素中获取值。你需要做什么

$('#selectChannel').val(data.channel);

---

使用

id=selectChannel

将值

data.channel

设置到元素中。其他元素也类似。

虽然我喜欢这样做，但这些值不会显示在htmlcan中。请将

数据记录在success中，并在此处注释该JSON。这样我可以为您调试更多。@sndu可能数据仍然是JSON字符串。您需要使用
JSON.parse（data）
将其转换为javascriptobject@sndu有进展吗？@AnkitAgarwal没有，没有。您可以在成功函数和错误函数中记录数据，以查看发生了什么