ajax serlvet示例
来源:互联网 发布:微水试验数据 编辑:程序博客网 时间:2024/06/10 09:21
前台:
<script type="text/javascript" language="javascript">
var xml;
function createXml(){
if(window.XMLHttpRequest){
xml=new XMLHttpRequest();
}else if(window.ActionXObject){
xml=new ActionXObject("Microsoft.XMLHTTP");
}
}
function test(){
createXml();
var name="xcl";
var url="testServlet.do?name="+name;
xml.open("GET",url);
xml.onreadystatechange=callback;
xml.send(null);
}
function callback(){
if(xml.readyState==4&&xml.status==200){
//alert("1111");
var name=xml.responseText;
alert(name);
}
}
</script>
配置文件:
<servlet>
<servlet-name>test</servlet-name>
<servlet-class>com.servlet.UserServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>test</servlet-name>
<url-pattern>/testServlet.do</url-pattern>
</servlet-mapping>
后台:
public class UserServlet extends HttpServlet{
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doGet(req, resp);
String name=req.getParameter("name");
name=name+"---return;sky";
PrintWriter out=resp.getWriter();
out.print(name);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doPost(req, resp);
this.doGet(req, resp);
}
}
2通过后台直接传json对象,前台也可以通过responseText来得到,
如:if(xml.readyState==4&&xml.status==200){
//alert("1111");
var name=xml.responseText;
//var name1={a:'a1'};
//var jsonObject2=JSON.stringify(eval("("+name+")"));
//alert(jsonObject2.a);
//alert(name);
var jsonObject1=eval("("+name+")");
alert(jsonObject1.a+"---"+jsonObject1.b+"----"+jsonObject1.c);
var jsonObject3=JSON.stringify(jsonObject1);
alert(jsonObject3);
}
后台:
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doGet(req, resp);
String name=req.getParameter("name");
name=name+"---return;sky";
String json="{a:'a1',b:'b1',c:'c1'}";
JSONObject jsonObject=JSONObject.fromObject(json);
PrintWriter out=resp.getWriter();
out.print(jsonObject);
}
<script type="text/javascript" language="javascript">
var xml;
function createXml(){
if(window.XMLHttpRequest){
xml=new XMLHttpRequest();
}else if(window.ActionXObject){
xml=new ActionXObject("Microsoft.XMLHTTP");
}
}
function test(){
createXml();
var name="xcl";
var url="testServlet.do?name="+name;
xml.open("GET",url);
xml.onreadystatechange=callback;
xml.send(null);
}
function callback(){
if(xml.readyState==4&&xml.status==200){
//alert("1111");
var name=xml.responseText;
alert(name);
}
}
</script>
配置文件:
<servlet>
<servlet-name>test</servlet-name>
<servlet-class>com.servlet.UserServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>test</servlet-name>
<url-pattern>/testServlet.do</url-pattern>
</servlet-mapping>
后台:
public class UserServlet extends HttpServlet{
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doGet(req, resp);
String name=req.getParameter("name");
name=name+"---return;sky";
PrintWriter out=resp.getWriter();
out.print(name);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doPost(req, resp);
this.doGet(req, resp);
}
}
2通过后台直接传json对象,前台也可以通过responseText来得到,
如:if(xml.readyState==4&&xml.status==200){
//alert("1111");
var name=xml.responseText;
//var name1={a:'a1'};
//var jsonObject2=JSON.stringify(eval("("+name+")"));
//alert(jsonObject2.a);
//alert(name);
var jsonObject1=eval("("+name+")");
alert(jsonObject1.a+"---"+jsonObject1.b+"----"+jsonObject1.c);
var jsonObject3=JSON.stringify(jsonObject1);
alert(jsonObject3);
}
后台:
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doGet(req, resp);
String name=req.getParameter("name");
name=name+"---return;sky";
String json="{a:'a1',b:'b1',c:'c1'}";
JSONObject jsonObject=JSONObject.fromObject(json);
PrintWriter out=resp.getWriter();
out.print(jsonObject);
}
阅读全文
0 0
- ajax serlvet示例
- serlvet
- AJAX 示例
- Ajax示例
- ajax示例
- ajax 示例
- ajax示例
- serlvet过滤器
- Serlvet 详解
- Serlvet概述
- Ajax简单请求示例
- java Ajax 示例
- ajax读rss示例
- php+ajax简单示例
- Ajax应用简单示例
- ajax的应用示例
- ajax 缩略代码示例
- AJAX流程示例图
- leetcode26[easy]--- Remove Duplicates from Sorted Array
- Python将被纳入高考,小学生都在学Python,你慌了吗?
- 《Java编程思想》——内部类,随笔
- JavaWeb中读取文件资源的路径问题
- 旅行家的预算
- ajax serlvet示例
- 视频质量客观评价PSNR和SSIM
- BZOJ1452 [JSOI2009]Count 【树套树 (树状数组)】
- transwarp Slipstream 简介之权限管理
- MYSQL 递归获取 子节点
- MySQL 误操作 (update,delete忘加where条件)
- C++项目中的extern "C" {}
- 60. Permutation Sequence
- SVG之旅:SVG简介