如何获取form表单提交后返回值?

JavaScript015

如何获取form表单提交后返回值?,第1张

1.给form添加id值:

<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">

设置所有input标签的name属性值为数据库的字段值,即可以传值到后台

2.给提交按钮添加id值:

<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提 交">

3.引用jquery-form.js文件

4.jquery表单提交:

你好!

1

可以通过jquery.form.js来解决。

1

2

3

4

5

<form>

标题:<input type="text" name="title" /><br />

内容:<textarea name="content"><textarea/><br />

<button>提交</button>

</form>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

$('button').on('click', function() {

$('form').on('submit',

function() {

var title = $('inpur[name=title]').val(),

content = $('textarea').val()

$(this).ajaxSubmit({

type: 'post', // 提交方式 get/post

url: 'your url', // 需要提交的 url

data: {

'title': title,

'content': content

},

success: function(data) {

// data 保存提交后返回的数据,一般为 json 数据

// 此处可对 data 作相关处理

alert('提交成功!')

}

$(this).resetForm()// 提交后重置表单

})

return false// 阻止表单自动提交事件

}

)

})

1、首先需要创建asp.net mvc的空项目MVCForm。

2、在Models文件夹下面添加一个类文件Employee,用于form表单中字段绑定与提交,其中涉及到int、string、bool多种类型的字段。

3、在Controllers文件夹下面添加一个HomeController,用于接收与处理页面请求,此时就直接添加一个控制器即可,默认就有Index Action。

4、在HomeController的Index方法中点击右键,添加视图,会自动生成与Action相同名字的页面。

5、在Index页面中添加Form表单,包含Models文件夹下Employee实体的所有字段,同时,添加一个提交form的按钮。

6、在HomeController中添加一个用于接收页面form参数的方法。

7、调试模式下运行效果如下,页面表单数据都提交到了Controller中且取的返回值。