aJax 表单提交代码示例

最新推荐文章于 2021-12-23 12:43:33 发布

shl999

最新推荐文章于 2021-12-23 12:43:33 发布

阅读量330

点赞数

分类专栏： jQuery 文章标签： ajax 表单

本文链接：https://blog.csdn.net/u014665035/article/details/53186980

版权

jQuery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

话不多说，直接上代码：

<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>