提交表单后跳转到想要的页面--jQuery form

表单提交的问题一直困扰着我这个新手,现在也算学习了不少,解决了我现在有的问题 —— 提交了表单之后将数据给到后台并且让前端页面跳转到想要的页面或出现想要的内容。

用到了 jQuery Form Plugin,表单提交的第三方插件,为了更方便的管理和提交表单。(官网:http://plugins.jquery.com/form/)

借鉴:https://blog.csdn.net/m0_37505854/article/details/79639046(主要)

https://www.cnblogs.com/hudandan/p/5912336.html

我在这只写如何提交并显示想要的内容(跳转到页面同理),其中有好多概念什么的,我没列举出来,不了解的可以先看一遍官网的文档或其他的相关文档,有个大概的了解之后再去参考别人写的代码,就会好理解很多,我就是这样做的。

1 引入 jQuery.js 和 jquery-form.js:


2 HTML 里写的代码就是很普通的表单控件:

3 js 代码:

重点就是 js 代码的部分了,这是实现表单提交之后的显示的!

我用的是 nodejs (非必须):

app.post("/postform",function (req, res) {
        console.log(req.body);
        userLink.create({
            "name": req.body.user,
            "age": req.body.age
        },function (err) {
            if(err) throw err;
            res.status(200).json({success: true,msg: "提交成功,这是你想要返回的页面。"});
        })
    })

其实写 nodejs 是因为要给一个可以提交过去的地址,一般都是后台给的,为了记录就写上了。

有不足之处欢迎指正,共同学习。

(⌒▽⌒)

 

你可能感兴趣的:(表单)