servlet+jquery+ajax+json 例子
来源:互联网 发布:遇见app 连接不了网络 编辑:程序博客网 时间:2024/05/11 20:38
Java代码
- import
javax.servlet.http.HttpServlet; - import
javax.servlet.http.HttpServletResponse; - import
javax.servlet.http.HttpServletRequest; - import
java.io.IOException; - import
java.io.PrintWriter; - import
javax.servlet.ServletException; -
- import
net.sf.json.JSONArray; - import
net.sf.json.JSONObject; -
- public
class JqueryAjaxServer extendsHttpServlet { -
static final long serialVersionUID = 1L; -
-
void doGet(HttpServletRequest request, HttpServletResponse response) -
IOException, ServletException { -
response.setContentType( -
String account = request.getParameter( -
-
JSONObject json = JSONObject(); -
-
JSONArray array = JSONArray(); -
JSONObject member = -
( inti 0;= i 3;< i++) { -
member = JSONObject(); -
member.put( "xiaohua"+i); -
member.put( 20+i); -
array.add(member); -
} -
-
json.put( account); -
json.put( array); -
-
PrintWriter pw = response.getWriter(); -
pw.print(json.toString()); -
-
System.out.println( array +array.toString());:" -
System.out.println( object +json.toString());:" -
-
pw.close(); -
} -
-
void doPost(HttpServletRequest request, HttpServletResponse response) -
IOException, ServletException { -
response); -
} - }
5. jsp页面(jqueryAjax.jsp)
Html代码
- <%@
page language="java"pageEncoding="utf-8"%> - <!DOCTYPE
HTML >PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" - <html>
- <head>
- <title>jquery
ajax </title> - <meta
http-equiv="pragma" content="no-cache"> - <meta
http-equiv="cache-control" content="no-cache"> - <meta
http-equiv="expires" content="0"> - <meta
http-equiv="keywords" content="keyword1,keyword2,keyword3"> - <meta
http-equiv="description" content="This is >my page" - <script
src="jquery/jquery-1.3.1.js" type="text/javascript"></script> - <script
language="javascript"> -
$(function(){ -
$('.sumbit').click(function(){ -
if($('#account').val() -
$('.hint').text("用户名不能位空").css({"background-color":"green"}); -
}else{ -
$.ajax({ -
url:'jqueryAjax', -
data:{account:$('#account').val()}, -
dataType:'json', //很重要!!!. 预期服务器返回的数据类型 -
error:function(){ -
alert("error occured!!!"); -
}, -
success:function(data){ -
$.each(data.jsonArray,function(index){ -
$.each(data.jsonArray[index],function(key,value){ -
alert(key+":"+value) -
}); -
}); -
-
$('body').append(" -
} -
}); -
} -
}); -
}); - </script>
- </head>
-
- <body>
- <h3
align="center">jquery AjaX </h3> - <hr>
- <label>请输入你的账户
: </label> - <input
id="account" name="account" type="text"> - <input
class="sumbit" type="button" value="检测"> - <div
class="hint"></div> - </body>
- </html>
6. 配置文件web.xml
Xml代码
- <?xml
version="1.0" encoding="UTF-8"?> - <web-app
version="2.5" -
-
-
-
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" -
-
-
-
-
-
-
-
-
-
-
- </web-app>
- servlet+jquery+ajax+json 例子
- servlet+jquery+ajax+json 例子
- servlet+jquery+ajax+json 例子
- jquery+Ajax+Servlet+json
- jquery ajax 和servlet json 结合的简单小例子
- jquery - ajax - json 例子
- jQuery+json+servlet小例子
- java servlet+jquery+json学习小例子
- Jquery ajax 访问Servlet 处理 Json 数据
- JQuery、JSON、Ajax在Servlet中的应用
- Jquery+ajax+json+servlet原理和Demo
- JQuery、JSON、Ajax在Servlet中的应用
- Jquery ajax 访问Servlet 处理 Json 数据
- Jquery+ajax+json+servlet原理和Demo
- Jquery+ajax+json+servlet原理和Demo
- JQuery、JSON、Ajax在Servlet中的应用
- ajax+json+jquery第一个mvc例子
- struts2+jquery+ajax+json小例子
- Zent Studio -> the user operation is waiting for "building workspace to" complete
- DB Bocks gets,Consistent gets And Physical reads
- [Eclipse] failed to create the java virtual machine
- 国内主流PHP语言的CMS数据负载测评报告 织梦、帝国竟排倒数
- 关于struts2 上传出错的问题
- servlet+jquery+ajax+json 例子
- 对于js中eval()函数的理解 和 写一个函数trim() 去掉字符串左右空格
- Sencha Touch 2 官方文档翻译之 Managing Dependencies with MVC(管理MVC依赖项)
- Android平台的短信测试用例
- Linux下Apache自动监测重启脚本(智能化程度较高)
- [Eclipse] Loading web service DOM
- android 国际化 字符转unicode码
- 瓶底安装传感器 没牛奶自动信息提醒
- 数据结构与算法分析