前台
jQuery.ajax( {
type :
'POST'
,
url :
'/cloud-web/getMember.htm'
,
cache:
false
,
data : {
"groupId"
: groupid},
dataType :
'json'
,
success :
function
(data) {
//成功后回调回来所执行的代码
error:
function
(data){
}
});
后台
@RequestMapping
(value =
"/getMember"
)
@ResponseBody
public
List<TUserInfo> getMember(HttpServletRequest request, HttpServletResponse response, HttpSession session) {
String groupId = request.getParameter(
"groupId"
);
Object user = session.getAttribute(USER_ID);
if
(
null
!= user) {
if
(groupId !=
null
&& groupId.length() !=
0
) {
return
chatService.getUserByGroupid(Integer.parseInt(groupId));
}
else
{
return
null
;
}
}
else
{
return
null
;
}
}
<%--预警规则添加处理begin--%>
function
addRule() {
//指标
var
iid = $(
"#showIndicator"
).combobox(
"getValue"
);
//周期
var
aid = $(
"#showPeriod"
).combobox(
"getValue"
);
//描述
var
ds = $(
"#showRuleDesc"
).val();
$.ajax({
type :
"POST"
,
url :
"addRule.action"
,
// 请求的url
data : {
"indicatorId"
: iid,
"alarmPeroidsTypeId"
: aid,
"ruleDesc"
: ds
},
dataType :
"json"
,
success :
function
() {
$.messager.alert(
"提示"
,
"保存成功!"
);
$(
"#addRuleDiv"
).dialog(
"close"
);
},
error :
function
() {
alert(
"错误!"
);
}
});
}
<%--预警规则添加处理end--%>
/**
* 添加预警信息
* @see [类、类#方法、类#成员]
*/
public
void
addRule()
{
AlarmRules rule =
new
AlarmRules();
long
num = System.currentTimeMillis();
ruleId =
"R"
+ num;
rule.setAlarmRuleId(ruleId);
rule.setAlarmPeriodsTypeId(alarmPeroidsTypeId);
rule.setAlarmIndicatorId(indicatorId);
rule.setAlarmRuleDesc(ruleDesc);
//添加数据
ruleConfigService.insertRules(rule);
}
相关推荐
**jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...
附件是使用sprinngMVC框架的 jquery的ajax的核心代码 仅供参考
基于ajax方式的跨域请求jsonp的前后台代码
页面通过ajax与后台进行前后台数据交互 .
4. Gson库:在Java对象和JSON数据之间进行转换,方便前后台数据传输。 5. 前端处理:解析JSON数据,动态渲染页面,监听滚动事件实现无限滚动分页。 以上就是关于Ajax与JavaWeb后台分页以及Gson数据传输的详细讲解,...
【标题】"Ajax获取后台菜单数据"涉及到的技术主要包括Ajax、JSON和Accordion,这些技术在现代Web开发中扮演着重要角色,特别是在构建动态交互式的用户界面时。 Ajax(Asynchronous JavaScript and XML)是一种创建...
"前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...
本实例以JSP页面为例,详细阐述Ajax在前后台交互中的应用。 一、Ajax基础概念 1. XMLHttpRequest对象:它是Ajax的核心,负责与服务器建立连接并发送请求,接收响应。 2. 异步:Ajax的核心特性是异步处理,这意味着...
### jQuery AJAX 接收后台传值 在本案例中,主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 ...
### AJAX 前台JS调用后台方法详解 随着互联网技术的发展,前后端分离成为一种趋势,而异步请求作为前后端交互的重要手段之一,在实际开发中占据着重要的位置。AJAX(Asynchronous JavaScript and XML)是一种在无需...
综上所述,Ajax调用后台方法是前端开发中不可或缺的一部分,它极大地提高了Web应用的交互性和效率。无论是在小规模项目还是大型复杂应用中,正确理解和使用Ajax都能带来显著的性能提升和用户体验改善。
**Ajax 实例详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过JavaScript与服务器进行异步数据交换,使得用户在等待响应时仍能继续浏览或操作页面...
里面有所需jar包,如jackson-annotations,jackson-core,jackson-databind,jstl-1.2,mysql-connector-java-5.1.7-bin,standard,不需再花多余C币
善筹网(众筹)前后台-善筹网(众筹)前后台系统-善筹网(众筹)前后台系统源码-善筹网(众筹)前后台管理系统-善筹网(众筹)前后台管理系统java代码-善筹网(众筹)前后台系统设计与实现-基于springboot的善筹网...
善筹网(众筹)前后台-善筹网(众筹)前后台系统-善筹网(众筹)前后台系统源码-善筹网(众筹)前后台管理系统-善筹网(众筹)前后台管理系统java代码-善筹网(众筹)前后台系统设计与实现-基于springboot的善筹网...
Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器交换数据并更新部分网页内容。在这个过程中,用户与网页的交互不会中断,页面始终保持活动状态,使得操作更加流畅。 在"简单Ajax实例"中,前端部分...
2. **前后台交互**:jQuery提供了$.ajax()函数,用于与后台服务器进行异步数据交换。这包括GET和POST请求,可以用来发送数据到服务器并接收返回的数据,实现如表单提交、数据加载等功能。例如: ```javascript $....
本示例"图片上传下载ajax异步操作前后台代码-demo"提供了完整的解决方案,允许用户通过Ajax技术实现图片的上传和下载,同时包含了对手机号码、身份证等常见输入的验证。以下是关于这个项目的详细知识点: 1. **Ajax...
Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器交换数据并更新部分网页内容。通过创建XMLHttpRequest对象,建立与服务器的连接,发送请求,并处理服务器返回的响应,实现了页面的局部...
在这篇文章中,可能讲解了如何利用jQuery的$.ajax()方法或者更简单的$.get()、$.post()等函数来实现前后台数据的交互。 描述中提到的"博文链接:https://lipeigege110.iteye.com/blog/2110864",表明可以访问该链接...