【问题标题】:how to print data sent by ajax post method in javascript如何在javascript中打印由ajax post方法发送的数据
【发布时间】:2015-08-14 14:18:29
【问题描述】:

我还需要发布数据并显示它。我正在使用ajax post方法。我能够获取保存数据的事件 ID,但无法显示数据。我搜索了很多,也得到了一些答案。我在我的代码中尝试过,但没有得到结果。我的代码是:

<!DOCTYPE html>
<html>

    <head>
        <title>POST API</title>
        <script type="text/javascript" src="http://ajax.googleapis.com      /ajax/libs    /jquery/1.2.6/jquery.js"></script>
    </head>

    <body>
        <button id="btn1">Check HTTP POST</button>
        <p>Display sample output from POST API:</p>
        <p id="one" />wEventId :
        <p id="two" />
        <script>
            $(document).ready(function() {
                $("#btn1").click(function() {
                    $.ajax({
                        url: 'url',
                        dataType: 'json',
                        type: 'POST',
                        crossDomain: true,
                        contentType: 'application/json',
                        data: {},
                        success: function(data) {
                            console.log(data);
                            document.getElementById("two").innerHTML = data.result.wEventId;
                        },
                        failure: function(errMsg) {
                            console.log(errMsg);
                        }
                        var myData = data;
                        myData = new Array;

                    });
                });
            });
        </script>
    </body>

</html>

请任何人帮助我如何修改代码以打印保存的数据。我没有给出网址,因为它是一个内部服务器,不应该透露它。提前致谢。

【问题讨论】:

  • p 标签不会自动关闭。
  • 除了cookie处理stackoverflow.com/questions/31821245之外,这可能很有用
  • @atinder 但这并没有给出任何错误
  • 浏览器不会为不正确的 html 提供任何错误。
  • @ArcanaRoy 您能否在问题本身中向我们展示您的完整 json。

标签: javascript jquery html ajax


【解决方案1】:

首先我需要知道,你的 json 数据的结构是什么。

假设它的格式如下所示:

{"field_A":"value_a","field_b":"value_b"}

您尝试打印为 innerHTML 的代码应如下所示:

success: function(data)
{
   console.log(data); 
   document.getElementById("two").innerHTML =     data.field_A;
},

尝试进行相应的调整。

我仍然很惊讶你从哪里得到resultdata.result.wEventId

【讨论】:

  • 我的 json 数据格式是:“datasetId”:“37”,“datasetName”:“eHealth - IIT Delhi”,“datasetSource”:“从连接到 eHealth Kit 的医疗传感器生成的数据”, “相关信息”:“NA”,“attributeInformation”:“NA”,“致谢”:“NA”,“模式”:“共享”,“贡献者”:“priyankaChauhan”,“addOn”:“2015-04-10 14:27:46", "updatedOn": "2015-04-10 14:27:46"
  • data.result.wEventId 给了我数据去往的节点,如果我是正确的。
  • 在您的格式中,json 中没有“wEventId”。可能是它没有被打印出来的问题。
  • 当我在 hurl.it 上检查我的 API 时,我得到了这个结果:wEventId=""。我尝试了您告诉 data.field_A 的方式,但它给了我未定义的值。只有我得到 wEventId 值。
  • 他们为 get 和 getdataset 定义了单独的 API。 getdataset 使用 get 方法显示数据可以正常工作,但使用 post 方法无法正常工作。用get url替换它,它起作用了。我也是rest API的新手,所以尝试了所有可能并最终得到了解决方案。
猜你喜欢
  • 2012-12-25
  • 2012-11-20
  • 1970-01-01
  • 2016-04-25
  • 2015-10-03
  • 2018-02-01
  • 2011-07-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多