189 8069 5689

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的简单介绍
当前路径:http://cdxtjz.cn/article/dsgposp.html

其他资讯