ajax提交form;ajax提交form表单数据返回值处理

随着互联网的迅猛发展，web应用越来越多，用户对于web应用的体验也越来越高。而在web应用中，form表单的使用频率非常高，但是传统的form表单提交方式会导致页面的刷新，给用户带来不好的体验。ajax提交form表单逐渐成为了主流。详细介绍ajax提交form表单的实现方法及返回值的处理。

1. ajax提交form表单的实现方法

ajax提交form表单的实现方法非常简单，只需要在form表单中添加onsubmit事件，然后在事件中使用ajax提交表单数据即可。具体实现代码如下：

“`javascript

$(document).ready(function(){

$(“#form”).submit(function(){

$.ajax({

type: “POST”,

url: “submit.php”,

data: $(“#form”).serialize(),

success: function(data){

alert(data);

}

});

return false;

});

上面的代码中，我们使用了jQuery的ajax方法来提交表单数据。其中，type参数表示提交方式，url参数表示提交的地址，data参数表示提交的数据，success参数表示提交成功后的回调函数。
2. ajax提交form表单的返回值处理
ajax提交form表单的返回值处理也非常简单，只需要在提交成功后的回调函数中处理返回的数据即可。返回的数据是一个JSON格式的字符串，我们可以使用jQuery的parseJSON方法将其转换为JSON对象，然后再进行处理。具体实现代码如下：
```javascript
$(document).ready(function(){
    $("#form").submit(function(){
        $.ajax({
            type: "POST",
            url: "submit.php",
            data: $("#form").serialize(),
            success: function(data){
                var result = $.parseJSON(data);
                if(result.status == "success"){
                    alert("提交成功！");
                }else{
                    alert("提交失败！");
                }
            }
        });
        return false;
    });});