总结前台传递数据的几种方式:

Posted 今夜不醉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了总结前台传递数据的几种方式:相关的知识,希望对你有一定的参考价值。

1.JQuery的ajaxSubmit(obj)方法

ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。

它是如何传递数据的呢?首先我们需要一个form表单:

<form id="mainform" name="mainform" action="myaction" method="post">
    标题:<input type="text" name="title" /><br />
    内容:<textarea name="content"><textarea/><br />
    <button>提交</button>
</form>

然后是js处理了:

<script type="text/javascript">     
               var options = {
                        url: "myaction",
                        success: function (jsonObj) {
                            if (jsonObj["Success"]) {
                                    $.messager.alert("提示","添加成功");
                } else {
                                $.messager.alert("提示", jsonObj["Message"]);
                            }
                        }
                    };
                    $("#mainform").ajaxSubmit(options);
</script>

这样就大功告成了。

以上是关于总结前台传递数据的几种方式:的主要内容,如果未能解决你的问题,请参考以下文章

ajax post提交到SpringMVC的Controller并将处理结果传递到前台输出总结-- springmvc 控制器获取参数的几种方式

前台 JSON对象转换成字符串 相互转换 的几种方式

前端ajax异步传值以及后端接收参数的几种方式

sell--前台传输数据到后台的几种方式

数据绑定的几种方式

后台参数验证的几种方式