javascript - $.get 在 .click 函数中

Question

不太确定我在哪里出错了。我有一个按钮元素，单击该元素时，我希望触发以下脚本。当我单击按钮但未获取文件时，Chrome 中似乎没有问题。

我的 .click 中是否遗漏了一些愚蠢的东西？

  <script>
        $( "button" ).click(function() {
            $.get("testimg.php", function() {
                alert("Success!");
            });
        });
    </script>

Answer 1

您的代码似乎正确。你需要确保两件事：

1. testimg.php(与 m) 文件存在于同一目录中。

2. <button>脚本运行时位于 DOM 中。我建议使用$(document).ready()事件：

   <script>
       $(document).ready(function(){
           $( "button" ).click(function() {
               $.get("testimg.php", function() {
                   alert("Success!");
               });
           });
       });
   </script>
   

工作的jsFiddle

Answer 2

值得jQuery.ajax调用它，以便您可以跟踪错误。

$(function () {
  $("button").click(function(e) {
    e.preventDefault();
    $.ajax({
      url: "testimg.php",
      success: function () {
         alert("Success!");
      },
      error: function(x,y,z) {
        alert(z);
      }
    });
  });
});