aJax 表单提交代码示例

2016-11-16 18:56:03来源:CSDN作者:u014665035人点击

第七城市

话不多说,直接上代码:

<script>    var formEle=jQuery("#message-form");//这里是你的表单id    var msgEle=jQuery("#message-tips");//这里是提示消息    formEle.submit(function () {        jQuery.ajax({            type:jQuery(this).attr("method"),            url:jQuery(this).attr("action"),            data:jQuery(this).serialize(),            dataType:"json",            success:function (data) {                var datamsg;                try{                    datamsg=jQuery.parseJSON(data.msg).join("<br>");                }catch (e){                    datamsg=data.msg;                }                if(data.status){                    msgEle.html(datamsg).css("color","green");                }else{                    msgEle.html(datamsg).css("color","red");                }            },            error:function (err) {                console.log("error:"+err.responseText);                msgEle.html("error:please contact administrator").css("color","red");            }        });        return false;    })</script>
第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台