jQuery的表单异步提交(MVC版)

之前在公司做了一个关于热门专业的项目,用到了jQuery的表单异步提交,由于项目是MVC5框架的,所以我的代码也只是针对MVC而言的哦!

代码如下:

$.ajax({

type: "POST",

url: "/HotMajor/AddOK",

dataType:"text",

data:$(‘#hotmajor‘).serialize(),

success: function (dat) {

if (dat == "true") {

alert("ok!");

}

else {

alert("no!");

}

}

});

单单这句代码$(‘#hotmajor‘).serialize(),就可以省去像以往那样将数据写成Json格式的那样,方便快捷.

注意:这是#hotmajor是表单的id,通过Ajax实现表单的异步提交。

后台Control类直接通过Request["name"],代码如下:

[HttpPost]

public ActionResult AddOK()   {

Hashtable hotmajorInfo = new Hashtable();

hotmajorInfo.Add("ProjectName", Request["ProjectName"]);

hotmajorInfo.Add("Remark", Request["Remark"]);

......}

时间: 2024-08-07 04:03:44

jQuery的表单异步提交(MVC版)的相关文章

使用jQuery.form插件,实现完美的表单异步提交

示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是 今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 现在我们从一个ASP.NET同步表单提交开始,然后再将其转化为异步的表单提交.我写了3种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. ASP.NET服务

使用jQuery,实现完美的表单异步提交

jQuery异步提交表单 1 <form id="form1" method="post"> 2 <table border="1"> 3 <tr> 4 <td>用户名:</td> 5 <td> 6 <input type="text" name="loginName" /></td> 7 </tr>

使用jquery修改表单的提交地址

基本思路: 通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action 示例程序一: 默认情况下,该表单会提交到page_one.html 点击button之后,表单的提交地址就会修改为page_two.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> &

jQuery——表单异步提交

如果不做任何处理,表单提交时会刷新页面,为了改善体验,可以使用jQuery做到异步提交表单:通过$("#form").serialize()将表单元素的数据转化为字符串,然后通过$.ajax()执行异步请求资源. 网页代码: <form mothod="POST" id="search_form"> <div class="cf"> <label class="search-bar&qu

表单 - Form - EasyUI提供的表单异步提交

方案一 被提交的表单 <form id="loginForm" method="post"> <table align="center"> <tr> <th align="right">用户名</th> <td> <input type="text" name="username"/> </td&g

HTML5的 input:file上传 样式美化及表单异步提交

样式美化请看博客:css input[type=file] 样式美化,input上传按钮美化 input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能. DOM结构: <a href="javascript:;" class="a-upload"> <input type="file" name="" id="">

asp.net mvc表单异步提交

html代码: @using (Html.BeginForm("xx", "xx", FormMethod.Post, new { enctype = "multipart/form-data", id = "form1", @class = "form-horizontal", role = "form" })){ <div> @Html.DropDownList(&quo

表单异步提交数据

<form name="form1"> <input name="dsfurl" type="hidden" id="dsfurl"> <table border="0" class="yy"> <tbody> <tr> <td align="center"><input name=&quo

ajax表单异步提交

var formData = $("#inputForm").serialize(); //console.log(JSON.stringify(formData)); $.ajax({    type:'post',    url:'${pro}/wap/center/updateInfo2',    dataType:'json',    data: formData,    success:function(data){       alert("保存成功")