Java中jQueryAjax实例.docx
《Java中jQueryAjax实例.docx》由会员分享,可在线阅读,更多相关《Java中jQueryAjax实例.docx(8页珍藏版)》请在冰豆网上搜索。
Java中jQueryAjax实例
1<%@pagelanguage="java"contentType="text/html"pageEncoding="utf-8"%>
2
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
3
4
5
6
7
8
--
9
10-->
11
12
13functionsub()
14{
15$.ajax({
16type:
"post",//请求方式
17url:
"./test",//发送请求地址
18data:
{//发送给数据库的数据
19username:
$("#username").val(),
20content:
$("#content").val()
21},
22//请求成功后的回调函数有两个参数
23success:
function(data,textStatus){
24$("#resText").html(data);
25}
26});
27
28}
29
30
31
32
33
34
评论:
35
姓名:
36
内容:
37
38
39
40已有评论:
41
42
43
44
45
46
复制代码
47importjava.io.IOException;
48importjava.io.PrintWriter;
49
50importjavax.servlet.ServletException;
51importjavax.servlet.http.HttpServlet;
52importjavax.servlet.http.HttpServletRequest;
53importjavax.servlet.http.HttpServletResponse;
54
55publicclasstestextendsHttpServlet{
56
57/**
58*ThedoPostmethodoftheservlet.
59*
60*Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.
61*
62*@paramrequesttherequestsendbytheclienttotheserver
63*@paramresponsetheresponsesendbytheservertotheclient
64*@throwsServletExceptionifanerroroccurred
65*@throwsIOExceptionifanerroroccurred
66*/
67publicvoidservice(HttpServletRequestrequest,HttpServletResponseresponse)
68throwsServletException,IOException{
69//处理中文问题
70request.setCharacterEncoding("utf-8");
71response.setContentType("text/html;charset=utf-8");
72System.out.println("start............");
73Stringusername=request.getParameter("username");
74Stringcontent=request.getParameter("content");
75//username=newString(username.getBytes("gb2312"),"utf-8");
76PrintWriterout=response.getWriter();
77out.write(username);
78System.out.println("username>>=="+username);
79out.write(content);
80out.flush();
81out.close();
82System.out.println("end");
83}
84
85}
下面来看第二个demo
86<%@pagelanguage="java"pageEncoding="utf-8"%>
87
88
89
90
91
92
93
94
95
9697type="text/javascript">9899$(function(){100$(".sumbit").click(function(){101varv=$("#account").val();102if($("#account").val().length==0){103$(".hint").text("用户名不能位空").css({"background-color":"green"});104}else{105$.ajax({106type:"get",107url:"servlet/JqueryAjaxServlet",108data:{account:$("#account").val()},109dataType:"json",//很重要!!!.预期服务器返回的数据类型,110success:function(data){111$.each(data.jsonArrayy,function(index){112$.each(data.jsonArray[index],function(key,value){113alert(key+":"+value);114});115});116117$("body").append(""+data.account+"").css("color","red");
97type="text/javascript">
98
99$(function(){
100$(".sumbit").click(function(){
101varv=$("#account").val();
102if($("#account").val().length==0){
103$(".hint").text("用户名不能位空").css({"background-color":
"green"});
104}else{
105$.ajax({
106type:
"get",
107url:
"servlet/JqueryAjaxServlet",
108data:
{account:
$("#account").val()},
109dataType:
"json",//很重要!
!
.预期服务器返回的数据类型,
110success:
function(data){
111$.each(data.jsonArrayy,function(index){
112$.each(data.jsonArray[index],function(key,value){
113alert(key+":
"+value);
114});
115});
116
117$("body").append("
118},
119error:
function(){
120alert("erroroccured!
");
121}
122
123});
124}
125});
126});
127
128
129
130
131jqueryAjaX
132
133请输入你的账户:
134
135
136
137
138
139packagetest;
140
141importjava.io.IOException;
142importjava.io.PrintWriter;
143
144importjavax.servlet.ServletException;
145importjavax.servlet.http.HttpServlet;
146importjavax.servlet.http.HttpServletRequest;
147importjavax.servlet.http.HttpServletResponse;
148
149importnet.sf.json.JSONArray;
150importnet.sf.json.JSONObject;
151
152/**
153*Author:
YangT
154*Version:
1.0
155*Create:
2013-3-13上午10:
34:
58
156*/
157publicclassJqueryAjaxServletextendsHttpServlet{
158
159publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
160throwsServletException,IOException{
161System.out.println("JqueryAjaxServlet:
begin");
162
163//response.setContentType("text/html;charset=utf-8");
164Stringaccount=request.getParameter("account");
165System.out.println("account:
"+account);
166
167JSONObjectjson=newJSONObject();
168JSONArrayjsonArray=newJSONArray();
169
170JSONObjectmember=null;
171for(inti=1;i<3;i++){
172member=newJSONObject();
173member.put("name","yangting"+i);
174member.put("age",22+i);
175jsonArray.add(member);
176}
177json.put("jsonArray",jsonArray);
178json.put("account",account);
179
180//错误:
response.setContentType("text/html;charset=utf-8");
181response.setContentType("application/x-json");
182PrintWriterpw=response.getWriter();
183pw.print(json.toString());
184
185System.out.println("jsonarray:
"+jsonArray.toString());
186System.out.println("jsonobject:
"+json.toString());
187System.out.println("JqueryAjaxServlet:
end");
188
189pw.close();
190
191}
192
193publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
194throwsIOException,ServletException{
195this.doGet(request,response);
196}
197
198}
199
200
201
xmlversion="1.0"encoding="UTF-8"?
>
202203xmlns="204xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"205xsi:schemaLocation="206207208209ThisisthedescriptionofmyJ2EEcomponent210ThisisthedisplaynameofmyJ2EEcomponent211JqueryAjaxServlet212test.JqueryAjaxServlet213214215216JqueryAjaxServlet217/servlet/JqueryAjaxServlet218219220index.jsp221222223 展开阅读全文 相关资源 java程序实例.docx java程序设计编程实例.docx 《java程序设计》编程实例.docx 《java程序设计》编程实例.docx SaaS 应用程序实例java版.docx JAVA中通过JNI调用C程序实例教程.docx SaaS 应用程序实例java版Word文档格式.docx java程序设计编程实例Word文档下载推荐.docx java编程实例.docx java编程实例.docx 猜你喜欢 一年级数学下册100以内加减法口算练习题一.docx Moldex3D分析设定操作流程.docx 最新冲压课程设计.docx 中小学校园安全知识竞赛试题库及答案.docx 不良事件.ppt 最新地理课堂教学反思集.docx DZL锅炉使用说明书.docx 颐景山庄挖孔桩施工组织设计.docx 安医大医学遗传学总结.docx 相关搜索 Java jQueryAjax 实例 资源标签 java程序实例 java编程总结 当前位置:首页 > 表格模板 > 合同协议
203xmlns="
204xmlns:
xsi="http:
//www.w3.org/2001/XMLSchema-instance"
205xsi:
schemaLocation="
206
207
208
209ThisisthedescriptionofmyJ2EEcomponent
210ThisisthedisplaynameofmyJ2EEcomponent
211JqueryAjaxServlet
212test.JqueryAjaxServlet
213
214
215
216JqueryAjaxServlet
217/servlet/JqueryAjaxServlet
218
219
220index.jsp
221
222
223
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1