在基于Ajax的表单提交上显示不同的消息

时间:2016-02-15 12:03:42

标签: javascript php jquery ajax

我正在开发一个脚本来处理基于AJAX的表单提交。我可以使用AJAX提交表单并显示成功消息。 但是我想根据背景表单数据处理显示不同的消息。例如,当提交用户注册表单时,它被输入到2个系统中,所以我想显示 - 在系统1中创建用户然后在系统2中创建用户,然后发送电子邮件,所以我想显示电子邮件是被送了。等等。

我目前正在使用jquery ajax方法。这是我的示例代码。

formData = jQuery('form#Registration').serialize();
 jQuery.ajax({
            url: 'form_process.php',
            type: 'POST',
            data: formData,
            dataType: 'html',
            success: function (msg, textStatus, xhr) {
                jQuery('#success_msg').html( msg );
            }
        });

所以我如何根据数据处理显示不同的消息。

由于

2 个答案:

答案 0 :(得分:1)

因此,为此,您需要在服务器端进行处理,然后您可以回显您想要显示的消息:

if(condition){
    echo "User created in system One.";
} else if(condition){
    echo "User created in system Two.";
}else{
    echo "Email sent.";
}

现在在jQuery.ajax()您需要将dataType更改为:

dataType:"text"

答案 1 :(得分:1)

这里我们有login.js。我们将从登录表单中获取数据。我想你会从给定的代码中理解。

  var adminlogin={
    init:function(){
        this.formSubmitEvent();
    },
    formSubmitEvent:function(){
        _this=this;
        $("#adminlogin-form").submit(function(){
            if((result=formValidation("adminlogin-form"))&&(result['error']))
            {
                return false;
            }

            data=getFormObj("adminlogin-form");

            _this.login(data);
            return false;
        });
    },
    login:function(data){
        $.ajax({
            url:"admin/login.php",
            data:data,
            success:function(data){
                if(data.adminid)
                {
                    window.location = "home.php";

                }else
                {
                    showError(data.reason);
                }
            },
            error:function(data){
                if(data.responseText=="")
                {
                    showError("Some error occured in server");
                }
                else
                {
                    showError(data.responseText);
                }
            }
        });
    }
};

adminlogin.init();

试试这个