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应用程序时用到的所有技术。