首页 > web前端 > js教程 > 不使用ajax实现无刷新提交表单_javascript技巧

不使用ajax实现无刷新提交表单_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 16:25:18
原创
1100 人浏览过

HTML代码:

复制代码 代码如下:



    这里是表单内容

JS代码:

若保存成功,后台返回{"ok":true};若保存失败,后台返回{"ok":false, "msg":"错误信息"}

复制代码 代码如下:

function save() {
    $("#frm").submit();
    $("#fra").one("load", function () {
        var data = eval("(" + $("#fra").contents().find("body").html() + ")");
        if (data.ok) {
            $("#divtrackroad").load("TrackRoad?roadId=" + '@ViewBag.roadId' + "&roadName=" + '@ViewBag.roadName' + "&viewOrEdit=1&t=" + new Date().valueOf());
        } else {
            alert("保存失败:" + data.msg);
        }
    });
}

是不是很简单呢,小伙伴们需要的话,直接拿走,不用客气^_^

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
无刷新上传图片
来自于 1970-01-01 08:00:00
0
0
0
这个ajax无刷新分页效果没有源码吗?
来自于 1970-01-01 08:00:00
0
0
0
android listview 删除不自动刷新
来自于 1970-01-01 08:00:00
0
0
0
TP5自带的分页PAG无刷新分页怎么弄啊
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板