ajax提交表单提交json

随着互联网技术的快速发展，ajax已经成为前端开发中一个非常重要的技术，它使得前端可以在不刷新页面的情况下和后端进行交互。其中最常见的应用场景就是表单提交。

传统的表单提交方式是通过form表单提交到后端，由后端进行处理并返回结果，然而这种方式存在着页面刷新的问题。ajax提交表单可以解决这个问题，同时还可以获得更好的用户体验。

//ajax提交表单示例代码
$("#form").submit(function(event){
    event.preventDefault(); //阻止默认提交行为
    var form_data = $(this).serialize(); //序列化表单数据
    $.ajax({
        url: "submit.PHP",type: "POST",dataType: "json",data: form_data,success: function(response){
            if(response.status == "success"){
                alert("提交成功！");
            }else{
                alert("提交失败！");
            }
        },error: function(){
            alert("出错了！");
        }
    });
});

在上面的代码中，首先我们使用了event.preventDefault()方法阻止了表单默认的提交行为，接着使用$(this).serialize()方法将表单数据序列化，最后通过$.ajax()方法提交到后端。

在提交过程中，我们可以设置dataType为json，以便后端返回一个json格式的数据，这样我们就可以根据响应结果进行相应的操作。通过这样的方式，我们可以实现无刷新提交表单，并且可以更加灵活地处理后端的响应结果。