js通过ajax向action提交数据,并通过回调显示数据
来源:互联网 发布:台词 知乎 编辑:程序博客网 时间:2024/05/01 10:32
js端:请求方法:
function fdoing(id,userId){
var doSome = document.getElementById(id).value;
doSome = encodeURI(encodeURI(doSome));
var userId = document.getElementById(userId).value;
var flag = "1";
createXMLHttpRequest();
if (xmlrequest) {
//准备发送请求
var req = "/xiaoneinew/ChangeInfo?doSome="+doSome+"&userId="+userId+"&operType="+flag;
//打开请求
xmlrequest.open("get", req, true);
//指定处理结果的函数
xmlrequest.onreadystatechange = updataHomePage;
//发送请求
xmlrequest.send();
}
}
action端:
String doSome=request.getParameter("doSome");
doSome = URLDecoder.decode(doSome, "UTF-8");
String userId=request.getParameter("userId");
String message = "";
UserServiceInter userService=(UserServiceInter)ctx.getBean("userServiceImpl");
List<Users> uniList=userService.getResult
("from Users where id=?", new Object[]{Integer.valueOf(userId)});
for (int i = 0; i < uniList.size(); i++) {
Users u = uniList.get(i);
u.setDoing(doSome);
userService.update(u);
//构造成xml格式,用于传输,让前端可以获取
message = "<unis><id>" + doSome + "</id></unis>";
}
//将数据写回
out.write(message);
out.close();
js端回调函数:
function updataHomePage(){
//完成
if (xmlrequest.readyState == 4) {
//成功返回!
if (xmlrequest.status == 200) {
var unis = xmlrequest.responseXML.getElementsByTagName("unis");
var con = "";
con +="<span class=\"word4\" id=\"sudo\"></span>";
con +="<a class=\"xh\" href=\"javascript:void(0);\" onclick=\"showDoing()\">"+unis[0].childNodes[0].childNodes[0].data+"</a>";
document.getElementById("showDoing").innerHTML = con;
}
}
}
- js通过ajax向action提交数据,并通过回调显示数据
- 通过ajax获取xml数据并显示
- 怎样通过ajax提交数据
- JSP通过Servlet提交表单数据并显示
- android中通过GET方法接收数据并通过xml解析数据,POST方法向服务器提交数据
- 通过Ajax进行Post提交Json数据
- 通过JS向表单中增加元素后提交无法获取数据问题的解决。
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- 通过ExtJS FormPanel提交数据给struts action
- js对表单数据的抓取与通过ajax方式提交(新手笔记)
- 通过vb程序向ASP表单提交数据
- web端通过ajax向MySql传数据
- SpringMvc中如何通过Ajax方式提交对象数据
- jQuery通过AJAX快速批量提交表单数据
- x++ ++x 问题
- Java 多线程状态图
- Spring FAQ
- C与C++的细微区别——省略形式参数名
- 用缓冲运动框架实现对联特效
- js通过ajax向action提交数据,并通过回调显示数据
- PowerShell Background Jobs
- 如何配置python环境变量
- 柯震东在大陆这次会挺过去么
- Java内存布局【图】以及java各种存储区【详解】
- 我的备战记录
- Python软件包的配置
- LinQ to Sql
- java 中如何调用数据库数据源