Ajax在jQuery Mobile弹出窗口中不起作用

Question

I am using a jQuery mobile popup as an editing form. When the user clicks a submit button, it should take the info on the form and do an SQL query to update the database. For some reason as soon as it gets to the ajax call, it breaks. I have tried using a normal submit button and also just a normal button that's binded to a jQuery function and both do the same thing.

$('form').submit(function(event) {
    event.preventDefault();
    alert("checkpoint 1");
    $.ajax( {
        type: 'POST',
        url: process_edit.php,
        data: $(this).serialize(),
        success: function(data) {
            //do something
        }
    } );
    alert("checkpoint 2");
});

I get the "checkpoint 1" alert box to show up, but then the jQuery mobile popup closes and "checkpoint 2" never shows up.

Answer 1

There is a typo error you missed the single quotes ' around the url part

$('form').submit(function(event) {
    event.preventDefault();
    alert("checkpoint 1");
    $.ajax({
        type: 'POST',
        url: 'process_edit.php',
        data: $(this).serialize(),
        success: function(data) {
            //do something
        }
    });
    alert("checkpoint 2");
});