jquery提交表单mvc3后台处理示例

JQuery表单提交与MVC3后台处理详解

在Web开发中，使用jQuery来提交表单至MVC3后台是一个常见的操作。下面是一个简单的示例，供有需要的朋友参考。

一、jQuery表单提交

当页面加载完毕时，为登录按钮绑定一个点击事件。当用户点击该按钮时，通过jQuery的ajax方法提交表单至后台。

代码示例：

```javascript

$(document).ready(function () {

$("btnLogin").click(function () {

$.ajax({

url: '/Home/Login', // 提交至Home控制器的Login方法

data: JSON.stringify({ "aount": $("aount").val(), "psword": $("psword").val() }), // 将表单数据转换为JSON格式

type: "post", // 使用post方式提交

contentType: "application/json;charset=utf-8", // 设置请求头，告知服务器发送的数据类型

dataType: "json" // 期望返回的数据类型

})

.done(function (data) { // 请求成功后的回调函数

if (data != "") {

alert(data); // 弹出返回的信息

} else {

location.href = "/Home/Index"; // 跳转至首页

}

});

});

});

```

二、MVC3后台处理

在MVC3的后台控制器中，我们为Login方法添加一个HttpPost属性，以处理提交的请求。根据提交的数据，返回相应的结果。

代码示例：

```csharp

[HttpPost]

public ActionResult Login(string aount, string psword)

{

JsonResult result;

if (string.IsNullOrEmpty(aount) && string.IsNullOrEmpty(psword))

{

result = this.Json(""); // 如果账号和密码都为空，返回一个空字符串

}

else

{

// 这里可以添加验证逻辑，判断账号和密码是否正确

result = this.Json("用户或密码不正确"); // 如果验证失败，返回一个提示信息

}

return result; // 返回Json结果

}

```

这个示例展示了如何使用jQuery提交表单到MVC3的后台，并展示了后台如何处理接收到的数据。在实际开发中，可以根据需求进行相应的调整和优化。希望这个示例能为大家提供一些帮助和参考。