jQuery ajax呼叫单击事件提交按钮

Question

我已经构建了一个ajax调用，当用户单击"提交"按钮时，它已提交。我包括jQuery并编写了以下代码（取自jQuery文档）：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
  $("Shareitem").click(function(e){
      e.preventDefault();
    $.ajax({type: "POST",
            url: "/imball-reagens/public/shareitem",
            data: { id: $("Shareitem").val(), access_token: $("access_token").val() },
            success:function(result){
      $("sharelink").html(result);
    }});
  });
});
</script>

html：

<div id="sharelink"></div>
[...]
<input type="hidden" name="id" value="" id="id"></dd>
<dd id="access_token-element">
<input type="hidden" name="access_token" value="xxxxxxxx" id="access_token"></dd>
<dt id="Shareitem-label">&#160;</dt><dd id="Shareitem-element">
<input type="submit" name="Shareitem" id="Shareitem" value="UpdatedByPreviousAjaxCall"></dd></dl></form>

问题是，提交操作已执行，但AJAX调用不是，因此表格正在执行请求的提交操作，而不是停留在同一页面上并更新div TAG的内容。

我想念什么？我在哪里错了？预先感谢您的任何提示。

Answer 1

您没有在按钮的ID之前添加#。您在jQuery代码中没有正确的选择器。因此，在您的按钮单击中永远不会执行jQuery。它的表格直接不传递任何AJAX请求。

请参阅文档：http：//api.jquery.com/category/selectors/
它是你的朋友。

尝试以下操作：

如果您想传递

的值，id: $("#Shareitem").val()似乎是错误的

<input type="hidden" name="id" value="" id="id">

您需要更改此行：

id: $("#Shareitem").val()

id: $("#id").val()

一起：

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
    $(document).ready(function(){
      $("#Shareitem").click(function(e){
          e.preventDefault();
        $.ajax({type: "POST",
                url: "/imball-reagens/public/shareitem",
                data: { id: $("#Shareitem").val(), access_token: $("#access_token").val() },
                success:function(result){
          $("#sharelink").html(result);
        }});
      });
    });
    </script>