1

刚刚开始使用 JQuery ；请原谅我确定是可怕的问题。

我正在尝试使用 JQuery $.ajax API 从 HTTPS API 端点获取一些信息。

我的 API 确实正常运行……它还可以方便地接受标准 GET 请求，因此很容易在我的 JavaScript 中查看我想要获取的数据。

当我发出以下表单的浏览器请求时，忽略 HTTPS 身份验证一秒钟（根据我的理解，应该很容易使用 ajax 设置或 ajaxSetup 处理）： https://192.168.155.200/json-rpc/1.0?method=GetCompleteStats

结果，我在浏览器中收到一堆 JSON 文本，其中包含各种信息。我想暂时将其格式化为 HTML 或纯文本，然后将其直接放入浏览器中……这只是暂时的概念验证。

我已经逐步完成了一些导致功能演示的教程，尽管我似乎无法解决这个问题。我的代码……目前什么都没有。我希望它在按下按钮（页面上只有一个按钮）时向 API 端点发出 AJAX POST 请求，然后将结果放入 div 选择器中的段落标记中。

<html>
  <head>
    <title>lolsfajaxclient</title>
    <script type="text/JavaScript" src="jquery.js"></script>
    <script type="text/JavaScript">
      $.ajaxSetup({
        url: "https://192.168.155.200/json-rpc/1.0",
        type: "POST",
        username: "admin",
        password: "lolpassword"
      });

      $("#post").click(function(){
        var completestats = $.ajax({
          data: {method: "getCompleteStats"},
          dataType: "html",
          success: function(data) {
            $("#quote p").html(data);
            alert('Load was performed.');
          }

        });
      });
    </script>
  </head>
  <body>
    <input type="submit" id="post" value="ajaxin that shit"><br><br>
    <div id="result"><p></p></div>
  </body>
</html>

和

4

1 回答 1

-1

你需要在这里做两件事，

将此函数调用放在 document.onready 上，甚至在您尝试将 html 推送到 div 之前确保文档已准备好。

接下来是，您如何回复 ajax 调用。您可能无法正确使用 ajax 请求传递计划 html。尝试将数据作为 xml 发送，并将其 HTML 部分封装在 [CDATA] 附件中，以确保它在传输过程中不会损坏。为此，请将数据类型设为 xml。

不过，这应该是一项非常容易的任务。

于 2012-10-07T06:36:23.167 回答