Jquery+ajax实现局部刷新案例！

2024-12-02 01:24:38

推荐回答（3个）

回答1：

以新增用户为例，这是jsp部分代码。

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

新增用户
href="${pageContext.request.contextPath}/common/css/plantform/common.css"
type="text/css" />

href="${pageContext.request.contextPath}/common/css/plantform/list.css"
rel="stylesheet" type="text/css" />
href="${pageContext.request.contextPath}/common/css/plantform/index.css"
rel="stylesheet" type="text/css" />

用户名

class="w13" value="${user.userName}" readonly="readonly"/>*

登录名

class="w13" value="${user.loginName}" readonly="readonly"/>*

登录密码

class="w13" />*

确认密码

class="w13" />*

所属地域

class="w13" value="" readonly="readonly" />*

选择

用户权限

联系电话

class="w13" value="${user.phoneNum }" readonly="readonly"/>

action部分jsp部分跳转的action

@Action(value = "do_add_Customer")
public String doAddCustomer(){
init();
JSONObject js = new JSONObject();
//检测系统内是否存在此登录名的账号
try{
List userList = this.userControlService.getUserByLoginName(loginName,user.getId());
if(userList!=null&&userList.size()>0){
js.put("RESULT", REPEATUSER);
}else{
//新增机电用户信息
Integer userId = this.userControlService.addCustomer(userName,loginName,password,orgId,userRole,phoneNum);
if(userId!=null&&userId>0){
js.put("RESULT", OK);
js.put("VALUE", userId);
}else{
js.put("RESULT", SYSERROR);
}
}
}catch (Exception e) {
js.put("RESULT", SYSERROR);
}
Response_Writer.writeObject(js);

return null;
}
这里是将你处理玩的结果通过json的方式返回给jsp页面，页面在处理。如有问题可以再询问。要想局部刷新ajax方法会就可以了。

回答2：

首先在jsp中导入jQuery，之后调用函数，传到后台，它可以返回对象或者json格式的数据。你在前台js函数中直接为前台文本框赋值就可以了。

回答3：

$.post("user!updataBMapList.do", {
"mapListOv.id" : ThisBMapListId,
"mapListOv.mid" : ThisMarkerId
}, function(data) {
$("div").html(data);
});