$.get within a .click function

Question

Not really sure where I'm going wrong with this one. I have a button element that when clicked, I want the following script below to be triggered. No issues seemingly in Chrome when I click the button but the file isn't fetched.

Am I missing something silly in my .click?

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

Answer 1

Your code seems right. You need to make sure 2 things:

1. testimg.php (with m) file exists in the same directory.

2. The <button> is in the DOM when the script runs. I recommend using $(document).ready() event:

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

Working jsFiddle

Answer 2

Worth making it a jQuery.ajax call so you can trace errors.

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