jquery ajax提交表单实例

<script type="text/jscript">$(document).ready(function(e) {$(".btn").click(function(){        var obj = {            id: $("#id").val(),            name: $("#name").val(),            age: $("#age").val(),            sex: $("input[type=radio]:checked").val(),message:$("#message").val()        }function check() {//idif (obj.id == '') {alert('id不能为空！');return false;}//nameif (obj.name == '') {alert('姓名不能为空！');return false;}//ageif (obj.age == '') {alert('年龄不能为空！');return false;}//sexif ($("input[name='sex']:checked").size()==0) {alert('请选择性别！');return false;}//ageif (obj.message == '') {alert('留言内容不能为空！');return false;}return true;}var chk = check();if(chk){$.ajax({            type: "post",//dataType: "json",url: "sub.php",            data: obj,beforeSend:function(){//触发ajax请求开始时执行                   $(".btn").html('提交中').attr({"disabled": "disabled"});//改变提交按钮上的文字并将按钮设置为不可点击                },    success: function(result){$(".btn").html('提交').removeAttr("disabled");if(result.mg != 0) {alert('恭喜你，留言成功!');$('#myform')[0].reset();} else {alert('留言失败，请稍后再试！');$('#myform')[0].reset();}},                    });}})});</script>

Ajax提交按钮之后将按钮设置为不可点击

$('#submit').click(function(){          var objButton=$(this);            var content=$('#content').val();          $.ajax({               url:web_url+'jquery.php',               type:'post',                cache:false,              data: 'action=submit&content='+content,               beforeSend:function(){//触发ajax请求开始时执行                   objButton.val('提交中').attr('disabled',true);//改变提交按钮上的文字并将按钮设置为不可点击             },            success:function(txt){//ajax请求成功后执行                  //这里做相关逻辑判断了，具体根据自己的情况看了            },                error:function(){//ajax发生错误时执行                  alert('数据请求出错！');              },            complete:function(){//ajax请求完成时执行                  objButton.val('提交').attr('disabled',false);//改变提交按钮上的文字并将按钮设置为可以点击             }          });      });