ajax.BeginForm异步提交表单并显示更新数据
view代码：
<!--基本信息模块-->
2 <div class="profile_box" id="basicInfo">
3 <h2>基本信息</h2>
4
5 <%if (ViewData["Basic"] == "1")
6 {%><!--如果基本信息数据库中有则显示数据-->
7 <span class="c_edit" id="spantest"></span>
8
9 <div class="basicShow">
10 <span id="spantest1"><%=Model.NAME %> <%=Model.SEX %> <%=Model.EDUCATION_BACKGROUND %> <%=Model.WORK_EXPERIENCE %><br>
11 <%=Model.PHONENUMBER %> <%=Model.EMAIL %> <%=Model.SITUATIONID.SITUATION %>
12 <br>
13 </span>
14 <div class="m_portrait">
15 <div></div>
16 <img width="120" height="120" alt="<%=Model.PHOTONUMBER %>" src="<%=Url.Content("~/style/UserImages/"+Model.PHOTONUMBER) %>">
17 </div>
18 <!--改动-->
19 <%Html.Action("GetBasicInformation", new AjaxOptions { UpdateTargetId = "basicInfo" }); %>
20 <!--改动-->
21 </div>
22 <!--end .basicShow-->
23 <%} %>
24 <%else
25 { %><!--如果基本信息数据库中没有则显示完善基本信息-->
26 <div class="basicInformationAdd pAdd" id="basicAdd">
27 完善基本信息能让招聘单位更加了解我们哦…<br>
28 快来完善基本信息吧！
29 <span id="basicAddspan">添加基本信息</span>
30 </div>
31 <!--end .basicInformationAdd-->
32 <%} %>
33 <div class="basicEdit dn" id="basicEdit">
34
35 <%using (Ajax.BeginForm("GetBasicInformation", "Employee", new AjaxOptions { UpdateTargetId = "basicInfo", LoadingElementId = "loading", LoadingElementDuration = 3000, Url = Url.Action("GetBasicInformation"), HttpMethod = "Post" }, new { @class = "profileForm", id = "BasicInformation" }))
36 { %>
37 //UpdateTargetId：设置HTML元素的ID，从服务器接收的内容将被插入到该元素中；LoadingElementId：指定HTML元素的ID，这是执行ajax请求其间要显示的HTML元素
38 //LoadingElementDuration：指定动画的持续时间，用于显露由LoadingElementId指定的元素，单位为毫秒
//Url：设置所请求的服务器端URL，此项效果：如果未启用JavaScript，则创建一个回递给原始动作方法的form元素，确保优雅降级
//HttpMethod：请求的http方法
39
40 <!--<label id="NICKNAME" >姓名</label>-->
41 <%=Html.Label("NAME", "姓名")%>
42 <div>
43 <%=Html.TextBox("NAME","", new { @PlaceHolder = "姓名" })%>
44 <!--<input type="text" placeholder="姓名" value="jason" name="name" id="name">-->
45 <span class="redstar">*</span><%=Html.ValidationMessage("NAME", new { @class = "ValidationMessage" })%>
46 </div>
47
48
49 <%=Html.Label("SEX", "性别")%>
50 <div>
51 <ul class="profile_radio clearfix reset">
52
53 <li class="">男<em></em>
54 <%=Html.RadioButton("SEX", "男")%>
55 <!--<input type="radio" checked="checked" name="gender" value="男"> -->
56 </li>
57 <li class="">女<em></em>
58 <%=Html.RadioButton("SEX", "女")%>
59 <!--<input type="radio" name="gender" value="女"> -->
60 </li>
61 </ul>
62
63 </div>
64
65
66 <%=Html.Label("EDUCATION_BACKGROUND", "学历")%>
67
68 <div>
69 <%=Html.DropDownList("EDUCATION_BACKGROUND", new SelectListItem[]{
70 new SelectListItem(){Value="大专",Text="大专"},
71 new SelectListItem(){Value="本科",Text="本科"},
72 new SelectListItem(){Value="硕士",Text="硕士"},
73 new SelectListItem(){Value="博士",Text="博士"},
74 new SelectListItem(){Value="其他",Text="其他"}
75 }, new { @class = "profile_select_190 profile_select_normal" })%>
76 <span class="redstar">*</span>
77 </div>
78 <%=Html.Label("WORK_EXPERIENCE", "工作经验")%>
79 <div>
80 <%=Html.DropDownList("WORK_EXPERIENCE", new SelectListItem[]{
81 new SelectListItem(){Value="应届毕业生",Text="应届毕业生"},
82 new SelectListItem(){Value="1年",Text="1年"},
83 new SelectListItem(){Value="2年",Text="2年"},
84 new SelectListItem(){Value="3年",Text="3年"},
85 new SelectListItem(){Value="4年",Text="4年"},
86 new SelectListItem(){Value="5年",Text="5年"},
87 new SelectListItem(){Value="6年",Text="6年"},
88 new SelectListItem(){Value="7年",Text="7年"},
89 new SelectListItem(){Value="8年",Text="8年"},
90 new SelectListItem(){Value="9年",Text="9年"},
91 new SelectListItem(){Value="10年",Text="10年"},
92 new SelectListItem(){Value="10年以上",Text="10年以上"}
93 }, new { @class = "profile_select_190 profile_select_normal" })%>
94 <span class="redstar">*</span>
95 </div>
96
97 <%=Html.Label("PHONENUMBER", "手机号码")%>
98 <div>
99 <%=Html.TextBox("PHONENUMBER","", new { @PlaceHolder = "手机号码" })%>
100
101 <span class="redstar">*</span><%=Html.ValidationMessage("PHONENUMBER", new { @class = "ValidationMessage" })%>
102 </div>
103
104 <%=Html.Label("EMAIL", "联系邮箱")%>
105 <div>
106 <%=Html.TextBox("EMAIL","", new { @PlaceHolder = "接收面试通知的邮箱" })%>
107
108 <span class="redstar">*</span><%=Html.ValidationMessage("EMAIL", new { @class = "ValidationMessage" })%>
109 </div>
110
111 <%=Html.Label("SITUATIONID", "目前状态")%>
112 <div>
113
114 <%=Html.DropDownList("SITUATIONID.ID", new SelectListItem[]{
115 new SelectListItem(){Value="1",Text="我目前已离职，可快速到岗"},
116 new SelectListItem(){Value="2",Text="我目前正在职，正考虑换个新环境"},
117 new SelectListItem(){Value="3",Text="我暂时不想找工作"},
118 new SelectListItem(){Value="4",Text="我是应届毕业生"}
119 }, new { @class = "profile_select_410 profile_select_normal" })%>
120 </div>
121
122 <div class="savediv">
123 <input type="submit" value="保 存" class="btn_profile_save" id="Basic">
124 <!-- <input type="button" value="保 存" class="btn_profile_save" id="button1" />-->
125 <a class="btn_profile_cancel" href="javascript:;">取 消</a>
126 <!--改动-->
127 <input type="hidden" name="BasicVal" id="BasicVal" value="<%=ViewBag.Basic %>" /><!--用户信息表主键ID-->
128 <input type="hidden" name="IDVal" id="IDVal" value="<%=ViewData["ID"] %>" /><!--用户信息表主键ID-->
129 <input type="hidden" name="NAMEVal" id="NAMEVal" value="<%=ViewData["NAME"] %>">
130 <input type="hidden" name="SEXVal" id="SEXVal" value="<%=ViewData["SEX"] %>">
131 <input type="hidden" name="EDUCATION_BACKGROUNDVal" id="EDUCATION_BACKGROUNDVal" value="<%=ViewData["EDUCATION_BACKGROUND"] %>">
132 <input type="hidden" name="WORK_EXPERIENCEVal" id="WORK_EXPERIENCEVal" value="<%=ViewData["WORK_EXPERIENCE"] %>">
133 <input type="hidden" name="SITUATIONIDVal" id="SITUATIONIDVal" value="<%=ViewData["SITUATIONID"] %>">
134 <input type="hidden" name="EMAILVal" id="EMAILVal" value="<%=ViewData["EMAIL"] %>">
135 <input type="hidden" name="PHONENUMBERVal" id="PHONENUMBERVal" value="<%=ViewData["PHONENUMBER"] %>">
136 <input type="hidden" name="PHOTONUMBERVal" id="PHOTONUMBERVal" value="<%=ViewData["PHOTONUMBER"] %>">
137 <!--/改动-->
138 </div>
139 <%} %>
140 <!--end #profileForm-->
141
142 <div class="new_portrait" id="Photo">
143 <div class="portrait_upload" id="portraitNo">
144 <span>上传自己的头像</span>
145 </div>
146 <div class="portraitShow dn" id="portraitShow">
147 <img width="120" height="120" id="PhotoNumber" src="">
148 <span>更换头像</span>
149 </div>
150
151 <input type="file" value="" title="支持jpg、jpeg、gif、png格式，文件小于5M" name="Image" onchange="ajaxFileUpload()" id="Image" class="myfiles">
152 <!-- <input type="hidden" id="headPicHidden" /> -->
153
154 <span style="display: none;" id="headPic_error" class="error"></span>
155 </div>
156 <!--end .new_portrait-->
157 </div>
158 <!--end .basicEdit-->
159 <!--改动-->
160 <div id="loading" style="display: none">
161 <p>Loading data</p>
162 </div>
163 <!--/改动-->
164
165 <!--<input type="hidden" id="nameVal" value="jason">
166 <input type="hidden" id="genderVal" value="男">
167 <input type="hidden" id="topDegreeVal" value="大专">
168 <input type="hidden" id="workyearVal" value="3年">
169 <input type="hidden" id="currentStateVal" value="">
170 <input type="hidden" id="emailVal" value="jason@qq.com">
171 <input type="hidden" id="telVal" value="18644444444">
172 <input type="hidden" id="pageType" value="1"> -->
173
174 </div>
175 <!--end #basicInfo-->
176 <!--/基本信息模块-->
view效果图：
这是未填过基本信息的情况：
这是未填过基本信息，添加基本信息的界面：
这是填过基本信息的情况：
这是填过基本信息，修改基本信息的界面：（ajaxFileUpload上传显示图片见我的另一篇随笔：http://www.cnblogs.com/landiljy/p/5122804.html）
这是上图修改部分基本信息后显示的效果：
ajax.BeginForm的浏览器中源代码效果如下：
<form action="/Employee/GetBasicInformation?Length=8" class="profileForm" data-ajax="true" data-ajax-loading="#loading" data-ajax-loading-duration="3000" data-ajax-method="Post" data-ajax-mode="replace" data-ajax-update="#basicInfo" data-ajax-url="/Employee/GetBasicInformation" id="BasicInformation" method="post">
控制器中代码如下：
public ActionResult JianLi()
{
............
............
//省略
return View(u);
} public ActionResult GetBasicInformation()//基本信息
{
............
............
//省略
return PartialView(); } [HttpPost]
public ActionResult GetBasicInformation(EmployeeModelUser u)//ajax更新我的简历中的基本信息模块
{
............
............
//省略
return PartialView(); }
GetBasicInformation.ascx中代码：
1 <h2>基本信息</h2>
2 <span class="c_edit" id="spantest"></span>
3 <div class="basicShow" id="basicShow">
4 <span><%=Model.NAME %> <%=Model.SEX %> <%=Model.EDUCATION_BACKGROUND %> <%=Model.WORK_EXPERIENCE %><br>
5 <%=Model.PHONENUMBER %> <%=Model.EMAIL %> <%=Model.SITUATIONID.SITUATION %>
6 <br>
7 </span>
8 <div class="m_portrait">
9 <div></div>
10 <img width="120" height="120" alt="<%=Model.PHOTONUMBER %>" src="<%=Url.Content("~/style/UserImages/"+Model.PHOTONUMBER) %>">
11 </div>
12 </div>
13
14 <div class="basicEdit dn" style="display: none" id="basicEdit">//变化在style="display:none",开始是隐藏的，具体操作见后面jQuery代码
15
16 <%using (Ajax.BeginForm("GetBasicInformation", "Employee", new AjaxOptions { UpdateTargetId = "basicInfo", LoadingElementId = "loading", LoadingElementDuration = 3000, Url = Url.Action("GetBasicInformation"), HttpMethod = "Post" }, new { @class = "profileForm", id = "BasicInformation" }))
17 { %>
18 <input type="hidden" name="UserId" id="UserId" value="<%=ViewData["UserId"] %>" /><!--用户信息表主键ID-->
19 <!--<label id="NICKNAME" >姓名</label>-->
20 <%=Html.Label("NAME", "姓名")%>
21 <div>
22 <%=Html.TextBox("NAME", "", new { @PlaceHolder = "姓名" })%>
23 <!--<input type="text" placeholder="姓名" value="jason" name="name" id="name">-->
24 <span class="redstar">*</span><%=Html.ValidationMessage("NAME", new { @class = "ValidationMessage" })%>
25 </div>
26
27
28 <%=Html.Label("SEX", "性别")%>
29 <div>
30 <ul class="profile_radio clearfix reset">
31
32 <li class="">男<em></em>
33 <%=Html.RadioButton("SEX", "男")%>
34 <!--<input type="radio" checked="checked" name="gender" value="男"> -->
35 </li>
36 <li class="">女<em></em>
37 <%=Html.RadioButton("SEX", "女")%>
38 <!--<input type="radio" name="gender" value="女"> -->
39 </li>
40 </ul>
41
42 </div>
43
44
45 <%=Html.Label("EDUCATION_BACKGROUND", "学历")%>
46
47 <div>
48 <%=Html.DropDownList("EDUCATION_BACKGROUND", new SelectListItem[]{
49 new SelectListItem(){Value="大专",Text="大专"},
50 new SelectListItem(){Value="本科",Text="本科"},
51 new SelectListItem(){Value="硕士",Text="硕士"},
52 new SelectListItem(){Value="博士",Text="博士"},
53 new SelectListItem(){Value="其他",Text="其他"}
54 }, new { @class = "profile_select_190 profile_select_normal" })%>
55 <span class="redstar">*</span>
56 </div>
57 <%=Html.Label("WORK_EXPERIENCE", "工作经验")%>
58 <div>
59 <%=Html.DropDownList("WORK_EXPERIENCE", new SelectListItem[]{
60 new SelectListItem(){Value="应届毕业生",Text="应届毕业生"},
61 new SelectListItem(){Value="1年",Text="1年"},
62 new SelectListItem(){Value="2年",Text="2年"},
63 new SelectListItem(){Value="3年",Text="3年"},
64 new SelectListItem(){Value="4年",Text="4年"},
65 new SelectListItem(){Value="5年",Text="5年"},
66 new SelectListItem(){Value="6年",Text="6年"},
67 new SelectListItem(){Value="7年",Text="7年"},
68 new SelectListItem(){Value="8年",Text="8年"},
69 new SelectListItem(){Value="9年",Text="9年"},
70 new SelectListItem(){Value="10年",Text="10年"},
71 new SelectListItem(){Value="10年以上",Text="10年以上"}
72 }, new { @class = "profile_select_190 profile_select_normal" })%>
73 <span class="redstar">*</span>
74 </div>
75
76 <%=Html.Label("PHONENUMBER", "手机号码")%>
77 <div>
78 <%=Html.TextBox("PHONENUMBER", "", new { @PlaceHolder = "手机号码" })%>
79
80 <span class="redstar">*</span><%=Html.ValidationMessage("PHONENUMBER", new { @class = "ValidationMessage" })%>
81 </div>
82
83 <%=Html.Label("EMAIL", "联系邮箱")%>
84 <div>
85 <%=Html.TextBox("EMAIL", "", new { @PlaceHolder = "接收面试通知的邮箱" })%>
86
87 <span class="redstar">*</span><%=Html.ValidationMessage("EMAIL", new { @class = "ValidationMessage" })%>
88 </div>
89
90 <%=Html.Label("SITUATIONID", "目前状态")%>
91 <div>
92
93 <%=Html.DropDownList("SITUATIONID.ID", new SelectListItem[]{
94 new SelectListItem(){Value="1",Text="我目前已离职，可快速到岗"},
95 new SelectListItem(){Value="2",Text="我目前正在职，正考虑换个新环境"},
96 new SelectListItem(){Value="3",Text="我暂时不想找工作"},
97 new SelectListItem(){Value="4",Text="我是应届毕业生"}
98 }, new { @class = "profile_select_410 profile_select_normal" })%>
99 </div>
100
101 <div class="savediv">
102 <input type="submit" value="保 存" class="btn_profile_save" id="Basic">
103 <!-- <input type="button" value="保 存" class="btn_profile_save" id="button1" />-->
104 <a class="btn_profile_cancel" href="javascript:;">取 消</a>
105 <%=Html.ViewData["Error"]%>
106
107 <!--改动-->
108 <input type="hidden" name="BasicVal" id="BasicVal" value="<%=ViewBag.Basic %>" /><!--用户信息表主键ID-->
109 <input type="hidden" name="IDVal" id="IDVal" value="<%=ViewData["ID"] %>" /><!--用户信息表主键ID-->
110 <input type="hidden" name="NAMEVal" id="NAMEVal" value="<%=ViewData["NAME"] %>">
111 <input type="hidden" name="SEXVal" id="SEXVal" value="<%=ViewData["SEX"] %>">
112 <input type="hidden" name="EDUCATION_BACKGROUNDVal" id="EDUCATION_BACKGROUNDVal" value="<%=ViewData["EDUCATION_BACKGROUND"] %>">
113 <input type="hidden" name="WORK_EXPERIENCEVal" id="WORK_EXPERIENCEVal" value="<%=ViewData["WORK_EXPERIENCE"] %>">
114 <input type="hidden" name="SITUATIONIDVal" id="SITUATIONIDVal" value="<%=ViewData["SITUATIONID"] %>">
115 <input type="hidden" name="EMAILVal" id="EMAILVal" value="<%=ViewData["EMAIL"] %>">
116 <input type="hidden" name="PHONENUMBERVal" id="PHONENUMBERVal" value="<%=ViewData["PHONENUMBER"] %>">
117 <input type="hidden" name="PHOTONUMBERVal" id="PHOTONUMBERVal" value="<%=ViewData["PHOTONUMBER"] %>">
118 <!--/改动-->
119
120 </div>
121 <!--end #profileForm-->
122 <%} %>
123
124 <div class="new_portrait" id="Photo">
125 <div class="portrait_upload" id="portraitNo">
126 <span>上传自己的头像</span>
127 </div>
128 <div class="portraitShow dn" id="portraitShow">
129 <img width="120" height="120" id="PhotoNumber" src="">
130 <span>更换头像</span>
131 </div>
132
133 <input type="file" value="" title="支持jpg、jpeg、gif、png格式，文件小于5M" onchange="ajaxFileUpload()" name="Image" id="Image" class="myfiles">
134 <!-- <input type="hidden" id="headPicHidden" /> -->
135
136 <span style="display: none;" id="headPic_error" class="error"></span>
137 </div>
138 <!--end .new_portrait-->
139 </div>
140 <!--end .basicEdit-->
141 <!--改动-->
142 <div id="loading" style="display: none">
143 <p>Loading data</p>
144 </div>
145 <!--改动-->
jQuery代码：
<script type="text/javascript"> //自己写的js代码
$("#Image").live("ajaxFileUpload", function () { //<input type="file" id="Image" name="Image" onchange="ajaxFileUpload()" />
$.ajaxFileUpload();
$("#Image").replaceWith($("#Image").clone(true));
$("#PhotoNumber").replaceWith('<img width="120" height="120" id="PhotoNumber" src="">');
});
function ajaxFileUpload() { //ajaxFileUpload上传用户头像（我的简历中的基本信息模块）, <input type="file" id="Image" name="Image" onchange="ajaxFileUpload()" />成功
$.ajaxFileUpload
(
{
url: '/Employee/EditPhoto', //用于文件上传的服务器端请求地址
secureuri: false, //一般设置为false
fileElementId: 'Image', //文件上传控间的id属性 <input type="file" id="Image" name="Image" />
dataType: 'HTML', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
//alert(data);成功
$("#PhotoNumber").attr("src",data);
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert('上传图片失败');
}
}
)
return false;
}
$(function(){//控制器通过viewdata赋值给view中的hidden,jquery取出hidden的value赋值给对应的控件，此为我的简历中的基本信息模块，成功
//alert($('#IDVal').val());成功
var BasicVal = $('#BasicVal').val();//基本信息是否填写过的判断依据
var IDVal = $('#IDVal').val();//用户ID
var SEXVal = $('#SEXVal').val();//用户性别
//alert($('#SEXVal').val());成功
var NAMEVal = $('#NAMEVal').val();//用户姓名
var EDUCATION_BACKGROUNDVal = $('#EDUCATION_BACKGROUNDVal').val();//用户学历
var WORK_EXPERIENCEVal = $('#WORK_EXPERIENCEVal').val();//用户工作经验
var SITUATIONIDVal = $('#SITUATIONIDVal').val();//用户目前状态
var EMAILVal = $('#EMAILVal').val();//用户联系邮箱
var PHONENUMBERVal = $('#PHONENUMBERVal').val();//用户手机号码
var PHOTONUMBERVal = $('#PHOTONUMBERVal').val();//用户头像照片
if(BasicVal=="1")//修改我的简历中的基本信息时，显示基本信息
{
$("#NAME").val(NAMEVal);
if(SEXVal=="男"){//连续修改两次,<li>的class就显示不出，待解决
$("input[type='radio'][value='男']").attr("checked",true);
$("input[type='radio'][value='女']").attr("checked",false);
$("input[type='radio'][value='男']").parent("li").attr("class","current");
$("input[type='radio'][value='女']").parent("li").attr("class","");
}else{
$("input[type='radio'][value='女']").attr("checked",true);
$("input[type='radio'][value='男']").attr("checked",false);
$("input[type='radio'][value='女']").parent("li").attr("class","current");
$("input[type='radio'][value='男']").parent("li").attr("class","");
}
$("select#EDUCATION_BACKGROUND option[value='EDUCATION_BACKGROUNDVal']").attr('selected', 'true');
$("select#WORK_EXPERIENCE option[value='WORK_EXPERIENCEVal']").attr('selected', 'true');
$("#PHONENUMBER").val(PHONENUMBERVal);
$("#EMAIL").val(EMAILVal);
$("select#SITUATIONID option[value='SITUATIONIDVal']").attr('selected', 'true');
}else{//我的简历中的基本信息未完善情况时，显示的基本信息
$("#NAME").val(NAMEVal);
$("select#EDUCATION_BACKGROUND option[value='大专']").attr('selected', 'true');
$("select#WORK_EXPERIENCE option[value='应届毕业生']").attr('selected', 'true');
$("select#SITUATIONID option[value='1']").attr('selected', 'true');
}
});
$('#Basic').live('click',function() {//保存时触发替换name=SEXVal的隐藏域，成功
$("input[type='hidden'][name='SEXVal']").replaceWith('<input type="hidden" name="SEXVal" id="SEXVal" value="<%=ViewData["SEX"] %>"> ');
});
$('#basicAdd').live('click',function() {//我的简历中的基本信息未完善情况，成功
$(this).hide();
$('#basicEdit').show(); //basicEdit为JianLi.aspx中基本信息模块中的
});
$('#spantest').live('click',function(){//注意ajax后原来的jquery会失效，要这样写才不会失效，成功
//alert('hello');
$('#basicShow').hide(); //basicShow为GetBasicInformation.ascx中的
$('#spantest').hide();
$('#basicEdit').show();
});
</script>
ajax.BeginForm异步提交表单并显示更新数据的更多相关文章
- Ajax无刷新提交表单和显示
ajax无刷新表单提交: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- TP 框架 ajax[利用异步提交表单]
//[] $(function () { $("#send-btn" ).click(function (){ //接受表单的值 var username=$('input[nam ...
- ASP.NET MVC 网站开发总结（五）——Ajax异步提交表单之检查验证码
首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...
- jquery ajax异步提交表单数据
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...
- 雷林鹏分享：jQuery EasyUI 表单 - 创建异步提交表单
jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 e ...
- SpringMVC中的异步提交表单
1.前言 近期在做一个项目,前台框架用的是EasyUI+SpringMVC,因为对SpringMVC不太了解,所以刚開始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结一下. ...
- jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js <script ...
- 使用ajax异步提交表单
虽然这篇文章的标题是提交表单,但是主要的难点在于使用ajax提交文本域的内容, 在工作中的经常会需要ajax跨域的问题,通常的需求使用jsonp就可以得到解决,但是当前项目中有一个图片服务器,客户端需 ...
- Ajax 跨域提交表单
跨域提交表单,前端ajax不用做任何修改, 只需要在后端调用的方法里面添加一行代码即可. .NET 版 HttpContext.Response.AddHeader("Access-Cont ...
随机推荐
- BZOJ 3787: Gty的文艺妹子序列
3787: Gty的文艺妹子序列 Time Limit: 50 Sec Memory Limit: 256 MBSubmit: 186 Solved: 58[Submit][Status][Dis ...
- 洛谷P1592 互质
题目描述 输入两个正整数n和k,求与n互质的第k个正整数. 输入输出格式 输入格式: 仅一行,为两个正整数n(≤10^6)和k(≤10^8). 输出格式: 一个正整数,表示与n互质的第k个正整数. 由 ...
- 使用IPMI控制/监控Linux服务器
1 IPMI简述 IPMI提供了很多丰富功能,我使用的功能,说得大白话一点,就是: 1.获取本设备的硬件信息:包括CPU和主板的温度.电压.风扇转速. 2.在设备A上,通过命令,控制远程设 ...
- WEB入门.六 盒子模型
学习内容 CSS盒子模型 盒子之间的关系 页面元素定位 能力目标 理解盒子模型 理解内容与表现分离的优点 理解并掌握盒子之间的关系 理解并掌握绝对定位与相对定位的用法 本章简介 上一章节中已经讲解了页 ...
- 【贪心】【CF1061B】 Views Matter
Description 给定一个只有一行的,由 \(n\) 组小正方体组成的方块,每组是由 \(a_i\) 块小正方体竖直堆叠起来的,求最多能抽掉多少块使得它的左视图和俯视图不变.方块不会掉落 Inp ...
- servlet与tomcat的关系
1.4 Tomcat简介 学习Servlet技术,首先需要有一个Servlet运行环境,也就是需要有一个Servlet容器,本书采用的是Tomcat. Tomcat是一个免费的开放源代码的Serv ...
- windows10下R配置Rstdio，怎么处理
首先要确保电脑上只有一个R程序,然后官网下载Rstdio安装包. 配置:选择Rstdio配置界面的第三项,然后关联到R的安装文件夹下的BIN文件夹即可. 但是,直接打开Rstdio的话,界面会一片空白 ...
- Python 不定参数函数
1. 元组形式 def test1(*args): print('################test1################') print(type(args)) print(arg ...
- NO.7day系统监控，硬盘分区和文件系统管理
系统监控,硬盘分区和文件系统管理 1.系统监控 top命令:top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器.默认每5秒刷新屏幕数 ...
- Cloudstack 虚拟机实例（四）
虚拟机实例 默认的模板并没有被下载 修改全局设置 secstorage.allowed.internal.sites 设置 ,二级存储ISO镜像和模板可以下载,IP网段 重启服务/etc/init. ...