Question

我编写了以下代码来获取REST服务的状态。但是当我点击按钮时，它没有做任何动作。请提出我缺少的内容以使此代码正常工作。

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
  <title></title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
  function invokeService() {
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            async: false,
            url: "https://inf:7871/smcfs/heartbeat",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            processData: true,
            success: function(result) {
              AjaxSucceeded(result);
            },
            eror: AjaxFailed
          });

          function AjaxSucceeded(result) {
            alert(result);
          }

          function AjaxFailed(result) {
            alert(result.status + '' + result.statusText);
          }
        }
  </script>
</head>

<body>
  <form id="form1" runat="server">
    <div>
      <input type="button" önclick="javascript:invokeService();" value="Call WCF Service" />
    </div>
  </form>
</body>

</html>

Answer 1

这样做：

<input type="button" onclick="invokeService()" value="Call WCF Service" />

Answer 2

该属性称为onclick，而不是önclick。如果您使用了a validator，则可以使用此功能。

Answer 3

在任何浏览器中，您启用开发人员模式并检查控制台您有一些拼写错误和错误，其中一些将出现在JavaScript控制台中。修复这些错误，然后您就可以更好地了解可能存在的问题。

在谷歌浏览器中右键单击页面并单击“检查”，然后选择“控制台选项卡”。在Firefox中右键单击页面并单击“检查元素”，然后选择控制台选项卡。

您可以发布输出的打印屏幕。

通过JS和html调用REST API

3 个答案: