mvcjquery的简单介绍
如何在MVC中添加jQuery Datepicker
常用命令：lpush/rpush/lpop/rpop/lrange等；
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的泸州网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
应用场景：Redis list的应用场景非常多，也是Redis最重要的数据结构之一，比如twitter的关注列表，粉丝列表等都可以用Redis的list结构来实现；
关于怎么用jQuery来获取mvc中返回值为JsonResult的值
//code[jquery]
script type="text/javascript"
var userId = '@User.UserID';
#("$Btn_Submit").click( function () {
var _self = this;
var postdata = {};
postdata.workroomid = _self.WorkroomId.val();
//邮箱reg
var regex1 = new RegExp('^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@("@")([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$');
//电话reg
var regex2 = /^1[3|5|8][0-9]\d{4,8}$/;
if (!/^\d+$/.test(postdata.workroomid)) {
dlg.Msg.Err("团队ID不正确，请重新输入！");
//alert(postdata.workroomid);
return;
}
if (postdata.workroomid != "") {
$("#roomspan").hide();
}
postdata.email = _self.Email.val();
if (postdata.email != "") {
//dlg.Msg.Err("请填写E-mail");
$("#emailspan").hide();
};
if (!postdata.email.match(regex1)) {
dlg.Msg.Err("邮箱格式不正确，请重新输入！");
$("#E-mail").focus();
return;
}
postdata.period = _self.Period.val();
postdata.periodname = _self.Period.find("option:selected").text();
postdata.subject = _self.Subject.val();
postdata.subjectname = _self.Subject.find("option:selected").text();
postdata.tel = _self.Tel.val();
if (postdata.tel != "") {
//dlg.Msg.Err("请填写联系电话");
$("#telspan").hide();
};
if (!postdata.tel.match(regex2)) {
dlg.Msg.Err("电话格式不正确，请重新输入！");
$("#Tel").focus();
return;
}
//跟着感觉走的话，方法应该放到这个post里面才对，但我不知该怎么综合上面两个方法，不可能post里面再放个post吧？
$.post("/admin/teachercenter/applyjoinworkroom", postdata, function (ret) {
if (ret == 0) {
dlg.Msg.Cor("申请成功!");
} else if (ret == 1) {
dlg.Msg.Cor("已经提交申请!");
} else {
dlg.Msg.Err("申请失败！");
}
});
}
)
/script
页面html：
div id="myjoin" class="tabCon"
table class="com-tb mt20"
colgroup
col
col class="wp10"
col class="wp10"
col class="wp10"
col class="wp15"
vs2015mvc视图里jquery代码没用,怎么解决？代码是书上的应该没问题
$.post("~Home/GetEmployeeList", {}, function (data) {
var result = $.parseJSON(data);
这句应该有问题，js内面是不能自动处理~的
springmvc和jquery.form提交对象含有多余字段
jquery.form把form封装了一下，可以直接提交表单，以ajax的形式，而spring mvc中有个modelAttribute属性，可以把表单传来的参数包装成对象类型，这样在提交参数的时候处理起来就省事多了（PS：任何省事都是建立在费事研究的基础上），请看代码
javascript:
Js代码
script type="text/javascript"
function callBackGraFunc(responseText, statusText) {
if (responseText == 1) {
// 获取select控件文本
var fgraduationState1 = document.getElementById("fgraduationState");
var fgraduationStateText = fgraduationState1.options[fgraduationState1.selectedIndex].text;
// populate the form
$("#fgraduationTime1").text($("#fgraduationTime").val());
$("#fgraduationState1").text(fgraduationStateText);
$("#fgraduationReason1").text($("#fgraduationReason").val());
$("#fdipomaNumberr1").text($("#fdipomaNumberr").val());
$("#fdegreeNumber1").text($("#fdegreeNumber").val());
$("#fcerNumber1").text($("#fcerNumber").val());
$("#fdiplomaDate1").text($("#fdiplomaDate").val());
$("#fdegreeDate1").text($("#fdegreeDate").val());
$("#fcerDate1").text($("#fcerDate").val());
} else {
alert("保存数据出错");
}
}
$(document).ready(function() {
var options = {
success: callBackGraFunc
};
// jquery.form 提交表单
$('#form1').ajaxForm(options);
/script
$('#form1').ajaxForm(options)是渲染form里的数据，提交时以ajax方式提交，页面不显示刷新。
var options是一个回调函数，当form提交成功，action里有数据返回时，调用callBackFunc方法进行前端的数据的填充和渲染。
jsp:
Html代码
%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%
%@ taglib prefix="c" uri="" %
%@ taglib prefix="fmt" uri=""%
%@ taglib prefix="form" uri=""%
c:set var="ctx" value="${pageContext.request.contextPath}"/
form:form name="graduationForm" modelAttribute="_graduation" id="form1" action="${ctx}/enrollment/graduation/${_info.fid}/save" method="post"
input type="hidden" name="fid" value="${_info.fid}" /
input type="hidden" name="enrStudentInfo.fid" value="${_info.enrStudentInfo.fid}" /
input type="hidden" name="fcredit" value="${_info.fcredit}" /
input type="hidden" name="fappraisal" value="${_info.fappraisal}" /
/form:form
上面使用了spring的form标签，在题头需引进定义
Html代码
%@ taglib prefix="form" uri=""%
java：
Java代码
/**
* Destription Ajax 保存毕业、结业信息
* @param fid
* @param enrGraduation
* @param redirectAttributes
* @return
*/
@RequestMapping(value = "/{fid}/save", method = RequestMethod.POST)
public String saveGra(@ModelAttribute("_graduation") EnrGraduation _graduation, HttpServletRequest request, HttpServletResponse response)
{
response.setContentType("text/plain;charset=UTF-8");
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e) {
e.printStackTrace();
}
// 判断信息是否存在
if(!_graduation.isNew()){
_graduation.setFupdatetime(new Date());
_graduation.setFisRemove(0);
enrGraduationService.update(_graduation);
out.print("1");
out.close();
} else {
out.print("0");
out.close();
}
return null;
}
在类中接受“_graduation”参数，包装成对象，然后返回ajax数据。
使用jquery.form，需要引进jquery.form.js，在布局时，Jquery.js写在上面，因为先渲染jquery.js
Html代码
script type="text/javascript" src="${ctx}/static/js/jquery-1.7.1.min.js"/script
!-- jquery form js --
script type="text/javascript" src="${ctx }/static/js/jquery.form.js" /script
如何在MVC应用程序中使用Jquery
1.Ajax初步介绍 (1) 现在我们创建的Web应用程序几乎都要用到Ajax技术，从技术上面讲，Ajax代表异步JavaScript和XML(Asynchronous JavaScript and XML，Ajax)。在实际应用中，他代表在构建具有良好用户体验的响应性Web应用程序时用到的所有技术。
分享文章：mvcjquery的简单介绍
文章URL：http://ybzwz.com/article/dsgposp.html
