Question

我正在尝试显示一些存储在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调用。这里有什么问题？

Answer 1

要分配给HTML字段，请执行此操作。

new Set([1,2,3,4,5,6,7,8,9])

Answer 2

在jquery中，有相同的函数可以获取和设置元素中的值。 val()是一个常用函数，它将从特定元素获取值，并将值设置为该元素。

如果您使用val()将一个参数作为值，那么它会将值设置为该HTML元素，因此您在success内执行的操作是从id=selectChannel获取元素的值}。你需要做

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

将值data.channel设置为id=selectChannel的元素。和其他元素类似。

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

2 个答案: