Question

我将JSON对象返回到HTML请求（我在localhost上使用GlassFish只是为了演示）。但是，我不能显示任何我的JSON对象。（就HTML而言，我是新手。）

以下是我对HTML的尝试：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <title>Dss</title>

        <script>
          function onSubmit() {
            alert(document.getElementById('text').value);

            $.ajax({
              url: 'rest/dss/acceptInput',
              type: 'GET',
              dataType: 'jsonP',
              data: {'UserInput': document.getElementById('text').value },
              statusCode: {
                200: function(data) {
                    alert(data);
                    $.each( data.items, function(item ) {
                      alert(item.Type);
                      $( "<p>" ).attr( "value", item.Type ).appendTo( "#Test" );
                    });
                },
                404: function() {
                  alert("Page NOT found");
                }
              },
              done: function(data) {


                alert("NOPE" + data);
                $.each( data.items, function(item ) {
                  alert(item.Type);
                  $( "<p>" ).attr( "value", item.Type ).appendTo( "#Test" );
                });
              }
            });

            alert("at the end");
          };
        </script>
    </head>

    <body style="background-color:black;">
        <img src="http://i.imgur.com/97.png" alt="DSS_Thumbnail" style="display: inline;width:120px;height:120px;">
        <h1 style="display: inline;color:rgb(241,85,50)">Search for details:</h1>
        <br>
        <input id="text" type="text" name="UserInput" value="Enter search criteria">
        <br>
        <button id="submit" onclick="onSubmit()" type='button'>Submit</button>
        <br><br>
        <div id="Test"></div>
    </body>
</html>

我在Chrome浏览器中运行此操作，警报显示对象在状态代码200中返回对象。我不确定如何显示此信息...我以为我有它，但我已尝试过几个小时。运行HTML后，我收到以下确认：

初步确认输入：

确认结束：

收到状态码200后显示对象：

我知道它是异步的，这就是为什么我会让它们乱序，但我怎么处理这个对象？

我必须添加到HTML文件中才能将JSON显示到当前页面？（或者甚至用其上的信息填充新页面？）

当我将对象返回到HTML时，如何使用HTML显示JSON对象？

0 个答案: