1

ここでJQueryを始めたばかりです。ひどい質問だと思いますのでご容赦ください。

JQuery $.ajaxAPIを使用してHTTPSAPIエンドポイントから情報を取得しようとしています。

私のAPIは間違いなく機能しています....標準のGETリクエストも受け入れるので、JavaScriptで取得したいデータを簡単に確認できます。

次の形式のブラウザー要求を発行するときに、HTTPS認証を1秒間無視します（これは、ajax設定またはajaxSetupで非常に簡単に処理できるはずです）。 https://192.168.155.200/json-rpc/1.0?method=GetCompleteStats

その結果、ブラウザに大量のJSONテキストが返され、さまざまな情報が表示されます。今のところ、これをHTMLまたはプレーンテキストとしてフォーマットして、ブラウザに直接表示したいと思います。これは、足を踏み入れている間、概念実証にすぎません。

私はいくつかのチュートリアルをステップスルーして、デモが機能するようにしましたが、これを解決することはできないようです。私のコードは....現時点では何もしていません。ボタンが押されたときに（ページ上のボタンが1つだけ）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

ここで2つのことをする必要があります。

この関数呼び出しをdocument.onreadyに配置して、htmlをdivにプッシュする前にドキュメントの準備ができていることを確認します。

次は、ajax呼び出しにどのように応答するかです。ajaxリクエストを適切に使用してplanhtmlを渡すことができない場合があります。データをxmlとして送信し、そのHTML部分を[CDATA]エンクロージャーにカプセル化して、転送中にデータが破損しないようにしてください。これを実現するには、データ型をxmlにします。

しかし、それはかなり簡単な作業になるはずです。

于 2012-10-07T06:36:23.167 に答える