Question

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

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

我的API肯定正在运行....它也方便地接受标准的GET请求，因此很容易看到我想在JavaScript中获取的数据。

当我发出表单的浏览器请求时，忽略HTTPS auth一秒钟（应该很容易使用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>

和

Answer 1

你需要在这里做两件事，

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

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

虽然这应该是一项非常简单的任务。

使用JQuery $ .ajax从HTTPS API端点检索数据

1 个答案: