Jsp:
function saveCalendar(id){
var startTmDetail = $("#startTimeDetail"+id).val();
var startHour = $("#startHour"+id).val();
var endTmDetail = $("#endTimeDetail"+id).val();
var endHour = $("#endHour"+id).val();
var content = $("#contentDetail"+id).val();
var param = [
{name:'startTmDetail', value:startTmDetail},
{name:'startHour', value:startHour},
{name:'endTmDetail', value:endTmDetail},
{name:'endHour', value:endHour},
{name:'content', value:content},
{name:'id', value:id}
];
$.ajax({
type: 'post',
url: '<%=path %>/calendarInfo/updateCalDetail.action',
async: false,//想要执行完这个ajax再执行下边代码,就要设置成false
data: param,
dataType: 'text',
success: function(text){
var jsonObj = eval("("+text+")");
var divStr = "";
var divContent = "";
//重写divStr
divStr = "<div id='showTm"+jsonObj.id+"'>"+jsonObj.startTime+" 到 "+jsonObj.endTime+" <input style='border: 1px solid #777;' type='button' value='编辑' onclick='calendarEdit("+jsonObj.id+")' /></div>";
divContent = "<div id='showContent"+jsonObj.id+"'>"+jsonObj.content+"</div>";
$("#showTm"+id).html(divStr);
$("#showContent"+id).html(divContent);
$("#showTm"+id).show();
$("#hidTm"+id).hide();
$("#showContent"+id).show();
$("#hidContent"+id).hide();
},
error: function(text) {
alert('失败');
}
});
}
Action:
@RequestMapping("/calendarInfo/updateCalDetail")
public void updateCalDetail(HttpServletResponse res,HttpServletRequest request) throws Exception{
res.reset();
res.setContentType("text/html;charset=utf-8");
PrintWriter pw = res.getWriter();
String id = request.getParameter("id");
String startTm = request.getParameter("startTmDetail");
String startHour = request.getParameter("startHour");
String endTm = request.getParameter("endTmDetail");
String endHour = request.getParameter("endHour");
String content = request.getParameter("content");
String startStr = startTm + " " +startHour + ":00:00";
String endStr = endTm + " " +endHour + ":00:00";
CalendarDetail calDetail = new CalendarDetail();
calDetail = calDetailService.findCalendarDetailById(Long.parseLong(id));
calDetail.setStartTime(startStr);
calDetail.setEndTime(endStr);
calDetail.setContent(content);
calDetailService.update(calDetail);
JSONObject jsonObject = JSONObject.fromObject(calDetail);
System.out.println(jsonObject);
pw.print(jsonObject);
pw.flush();
pw.close();
}
分享到:
相关推荐
ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面
jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...
ajax重写,重写jquery的ajax方法,自动增加加载状态,跨域修改等
利用jquery的ajax提交表单数据到后台。后台使用spring.
js ajax 提交checkbox 根据checkbox的值和是否被checked将所有checkbox的选项提取出来并合并成一个字符串提交服务器端,服务器端根据间隔符将所有选项值分开然后处理。示例为选择ip地址的形式。
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
ajax提交表单,并对提交中文时的乱码进行处理.
Asp+ajax提交表单实例,很好用的啊.
该例子是使用 Ajax 提交 Ext 表单,并通过 success 和 failer 返回相应的值。
利用ajax提交表单完整流程
vue1/2 ajax提交表单
java导入导出,全部文件jar包,ajax提交form表单后返回提示数据,所有用到的文件,方法,数据,有利于学习,方便运用
PHP+Jquery+AJAX POST,GET提交表单并接收返回
该案例是一个ajax异步提交中文字符串的案例。该案例是一个ajax异步提交中文字符串的案例。该案例是一个ajax异步提交中文字符串的案例。
自己在struts2中的写好了业务逻辑用response返回的内容却是... 您可能感兴趣的文章:ajax的responseText乱码的问题的解决方法jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXMLAjax request response 乱码解决
Jquery解决异步提交ajax提交乱码问题
各种ajax的提交demo,各种ajax的提交demo,各种ajax的提交demo, 各种ajax的提交demo,各种ajax的提交demo,各种ajax的提交demo。
//ajax提交实例 function reviewajax(id){ if(Clreview()){ var url="http://www.52buyers.com/reply.asp"; ckreview=1; var getinfo = ""; var ajax = InitAjax(); ajax.open("POST",url, true); ajax....
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传.
html表单a标签,input标签等几种请求ajax提交数据给后台小结