php - 在注册页面上使用 ajax 提交表单

Question

我是 AJAX 新手。

我正在尝试使用以下逻辑使用 ajax 提交表单:

//validate form

//if invalid never submit
//if valid, ajax request to get msg
   //get success html if no server side errors exist. Replace sign up page with success html
   //get fail message if server side errors exist, so the user can correct them (ex. invalid credit card no)

我的 AJAX:

$("form").submit(function(e){
   if($(this).valid()) {

      $.ajax({
        url: 'formAction.php',
        type: 'POST',
        success: function(data){
           /*convert php variables to JavaScript ones*/
            if(success==true){
                 //relpace current page with confirmation
            }
            if(success==false){
                 //print out errors and allow user to re-submit
            }
        }                        
    });         

    }
    e.preventDefault;
});

我想知道我的实现是否走在正确的轨道上？或者这种实现是否可能？

我非常感谢任何使此实现工作顺利进行的建议。

非常感谢!

Answer 1

$("form").submit(function(e){
   if($(this).valid()) {

      $.ajax({
        url: 'formAction.php',
        data: $(this).serialize(), //You need to provide this, serialize may work here
        type: 'POST', //Added single quote to prevent unterminated string literal
        success: function(data){
           //call was successful since success message was called
        },//Don't forget closing curly brace on function
        error: function(data){
           //Specify a call back for errors
        }                        
    });         

    }
    e.preventDefault;
});