ajax提交表单数据，并根据返回的数据进行相关处理的代码

ajax提交表单数据，并根据返回的数据进行相关处理的代码

直接上代码

<script type="text/javascript">
$(function(){

    $("#sendtemp").click(function(){
        $.ajax({
            type:'POST',

            data:{
            'keyword1':$('#wword').val()},
            url:"/api/sendUpdateMsg",
            success:function(data){
            //data是返回的数据，可以通过dataType进行设定
                if(data.indexOf("ok")!=-1){
                //data数据里面如果含有ok字符，就表示成功
                    alert("发送成功")
                }else{
                    alert("发送失败"+data);
                }
            }

        });
        return false;//阻止表单提交，自己写ajax提交


    });

});

</script>

下面有一个优化之后的代码，对于要提交的data数据，如果个数比较少的时候，可以利用键值对的形式一个个敲，但是如果很多个的时候，则采用这种方法就不合适了，这时候可以采用jquery的序列化serialize()
上代码

$("#sendtemp").click(function(){
        $.ajax({
            type:'POST',

            data:$("#send").serialize(),//对表单序列化，省去逐个敲入键值对
            url:"/api/sendUpdateMsg",
            success:function(data){

                if(data.indexOf("ok")!=-1){
                    alert("发送成功")
                }else{
                    alert("发送失败"+data);
                }
            }

        });
        return false;//阻止表单提交，自己写ajax提交


    });