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://scyanting.com/article/dsgposp.html