首先想到的是 js插件 ajaxSubmitForm
1. http://www.cnblogs.com/DylanZ/p/6019611.html
1 function ajaxSubmitForm() { 2 var option = { 3 url : '${pageContext.request.contextPath}/userController/upgradeUser_form', 4 type : 'POST', 5 dataType : 'json', 6 headers : {"ClientCallMode" : "ajax"}, //添加请求头部 7 success : function(data) { 8 if("success"==data.resultMessage){ 9 alert("个人用户已成功升级为企业用户！"); 10 } 11 else{ 12 alert("企业用户升级失败,请联系管理员！"); 13 return; 14 } 15 }, 16 error: function(data) { 17 alert("企业用户升级失败,请联系管理员！"); 18 } 19 }; 20 $("#userForm").ajaxSubmit(option); 21 return false; //最好返回false，因为如果按钮类型是submit,则表单自己又会提交一次;返回false阻止表单再次提交 22 }
2. ajaxFileUpload: http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html
1 <html> 2 <head> 3 <script src="/jquery-1.7.1.js" type="text/javascript"></script> 4 <script src="/ajaxfileupload.js" type="text/javascript"></script> 5 <script type="text/javascript"> 6 $(function () { 7 $(":button").click(function () { 8 if ($("#file1").val().length > 0) { 9 ajaxFileUpload(); 10 } 11 else { 12 alert("请选择图片"); 13 } 14 }) 15 }) 16 function ajaxFileUpload() { 17 $.ajaxFileUpload 18 ( 19 { 20 url: '/Home/Upload', //用于文件上传的服务器端请求地址 21 type: 'post', 22 data: { Id: '123', name: 'lunis' }, //此参数非常严谨，写错一个引号都不行 23 secureuri: false, //一般设置为false 24 fileElementId: 'file1', //文件上传空间的id属性 <input type="file" id="file" name="file" /> 25 dataType: 'json', //返回值类型 一般设置为json 26 success: function (data, status) //服务器成功响应处理函数 27 { 28 alert(data); 29 $("#img1").attr("src", data.imgPath1); 30 alert("你请求的Id是" + data.Id + " " + "你请求的名字是:" + data.name); 31 if (typeof (data.error) != 'undefined') { 32 if (data.error != '') { 33 alert(data.error); 34 } else { 35 alert(data.msg); 36 } 37 } 38 }, 39 error: function (data, status, e)//服务器响应失败处理函数 40 { 41 alert(e); 42 } 43 } 44 ) 45 return false; 46 } 47 </script> 48 </head> 49 <body> 50 <p><input type="file" id="file1" name="file" /></p> 51 <input type="button" value="上传" /> 52 <p><img id="img1" alt="上传成功啦" src="" /></p> 53 </body> 54 </html>
在webconfig 中 <system> </system.web> ///节点增加如下字段 <httpRuntime requestValidationMode="2.0"/> <pages validateRequest="false"></pages>
<input type="file" id="file_upload" name="file_upload" /> $('#file_upload').bind("change", function (e) { $.ajaxFileUpload({ url: '/Delegation/UploadGJM', secureuri: false, fileElementId: 'file_upload', dataType: 'json', success: function (data, status) //服务器成功响应处理函数 { if (status == "success") { //文件上传成功 $('#DGJ').val(data.urlPath); } }, error: function () {//服务器响应失败处理函数 alert("文件上传失败,请检查后重试"); } }); });
富文本编辑器：
//获取值 var htmlStr = KindEditor.instances[0].html().trim(); //赋值 KindEditor.instances[0].html(@MvcHtmlString.Create(Model.Contents)); editor.insertHtml('@MvcHtmlString.Create(Model.Contents)') editor.html(); mvc下使用编辑器提交的时候别忘打标签 [ValidateInput(false)]
头天还好好的，今天就报405，方法不被允许，百度之：
修改config：【无效】 http://blog.csdn.net/Shiyaru1314/article/details/77893055
延伸mvc下只调用ajax请求 ： http://www.cnblogs.com/h82258652/p/3939365.html
上传方法没问题，别人机器上正常，我的电脑 o(*￣︶￣*)o
文件下载： https://www.cnblogs.com/litian/articles/5139917.html
https://www.cnblogs.com/zhangzt/archive/2009/12/14/1623426.html