好像我的Ajax调用url不起作用

Question

I want to display a confirmation dialog to user before they delete a record in the database. I am developing this on my local PC webserver. Sort of like this: user selects record for deletion(php form) user clicks delete button(php submit button) a dialog box pops up saying do you want to delete record(jquery) Yes - Ajax call to another php page in same directory

I've tried this with both chrome and FF with no errors that I can see other than the resulting page is never called. FYI, The de.php page works fine if I call it directly through the browser like so:

http://localhost/de.php?eid=61

Here are some snippets:

<script>
$(function() {
 $( "#dialog-confirm" ).dialog({
  resizable: false,
  height:340,
  modal: true,
  buttons: {
    "Delete Event": function() {
     $.ajax({
        url: '/de.php?eid=<?php echo $theEventId ?>',
        success: function(data) {
           alert('success');
        }, error: function (data) {
           alert('failed');
        }

      });
      $( this ).dialog( "close" );
      $('#myDiv').append('Trying to Delete');
    },
    Cancel: function() {
      $( this ).dialog( "close" );
      $('#myDiv').append('Delete Cancelled');
    }
  }
 });
});
</script>

The form code

<form method="post" action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI']) ?>" id="ee_form">

  <div id="myDiv"></div>

  <input type="submit" name="Update" value="Update Event" />
  <a href="index.php"><input type="button" value="Cancel" /></a>      
  <input type="submit" name="Delete" value="Delete Event <?php echo $theEventId ?>" />
</form>

The dialogue box comes up fine, with the correct eid. If I select the "Delete Event" button I get a "success" alert, dialog closes, "Trying to Delete" is printed to the screen fine, but no indication that de.php was ever called.

Am I doing this correctly, what am I missing?

Answer 1

Change the ajax section to post data.

Have the data in a form rather than echo'ing the JS.

<form id="myform">
 <input type="hidden" value="<?php echo $theEventId ?>">
 <button type="submit" value="Delete">
</form>

Then in the JS, serialize the form.

var form_data = $("#myform").serialize();    

Then post the serialized data.

$.ajax({
        url: '/de.php',
        type: 'POST',
        data: form_data,
        success: function(data) {
           alert('success');
        }, error: function (data) {
           alert('failed');
        }

      });

Use developer tools in google chrome to see if anything was posted and what it is.