用JQ仿新浪“发送中”，然后自动转换“发送成功”，最后刷新页面，防止重复提交表单

Question

用JQ仿新浪“发送中”，然后自动转换“发送成功”，最后刷新页面，防止重复提交表单请问如何实现我现在用JS改变div的内容和控制display来实现的,但是浏览器兼容不好请问用JQ来要怎么实现呢？

Answer 1

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    var htmlobj;
    $(document).ready(
        $("#testbutton").click(function(){
            htmlobj=$.ajax({
                    url:"you.aspx"//你的后台处理
                    //,data:{arg1:$("#testtext").val()}//提交的参数组
                    //,type:"POST"//发送方式，可get或post
                    ,beforeSend:function(){$("#testdiv").html("提交中...");}
                    ,complete:function(){
                        $("#testdiv").html("提交成功");
                        alert("提交成功");
                        window.location=window.location;
                        //var json;eval('json=('+htmlobj.responseText+')');
                        //回调函数方法体
                    }
                    ,dataType: "json"
            });
        });
    });
</script>
<div id="testdiv">
<!--<input id="testtext" type="text" />-->
<input id="testbutton" type="button" value="提交" />
</div>
大概应该是这样吧