首页 / JQUERY / Jquery的ajax简单测试
Jquery的ajax简单测试
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Jquery的ajax简单测试,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1984字,纯文字阅读大概需要3分钟。
内容图文
![Jquery的ajax简单测试](/upload/InfoBanner/zyjiaocheng/1138/9e4e592c896e461986cdfa58b0420bd5.jpg)
1
Jsp部分:
2
3
<!--
导入jquery的js外部文件
-->
4
<
script
type
="text/javascript"
src
="js/jquery-3.1.1.min.js"
></
script
>
5
<
script
>
6
$(
function
() {
7
//
定义全局变量,这里只有一个label,所有用标签选择器
8
var
lab
=
$(
"
label
"
);
9
lab.css(
"
color
"
,
"
red
"
);
10
lab.css(
"
font-size
"
,
"
12px
"
);
11
12
//
点击任何一个input标签的button都将执行,本测试只有一个
13
$(
"
:button
"
).click(
function
() {
14
//
获取指定id的第一个元素内容
15
var
name
=
$(
"
#userName
"
).val();
16
//
执行ajax
17
$.ajax({
18
//
传输类型,这里使用Post
19
type:
"
Post
"
,
20
//
传输地址,这里是间接路径,测试路径在同目录下
21
url:
"
search
"
,
22
//
传输数据,也可以通过问号传值, 比如 url:"search?name="+name
23
data: {name: name},
24
//
成功执行时
25
success:
function
(mess) {
26
//
消息反馈为 "yes"
27
if
(mess
==
"
yes
"
) {
28
//
label标签赋值
29
lab.text(
"
该用户名已存在!
"
);
30
}
else
{
31
lab.text(
"
用户名可以使用!
"
);
32
}
33
}
34
})
35
})
36
37
})
38
</
script
>
39
40
</
head
>
41
<
body
>
42
43
<
input
type
="text"
id
="userName"
/><
label
></
label
><
br
/><
br
/>
44
<
input
type
="button"
id
="accept"
value
="验证用户名"
/>
45
46
</
body
>
1
Servlet部分:
2
3 @WebServlet("/search")
4publicclass searchServlet extends HttpServlet {
5privatestaticfinallong serialVersionUID = 1L;
6 7//get请求方式也传递给post处理 8protectedvoid doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
9 doPost(request, response);
10 }
1112protectedvoid doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException {
13//避免出现编码紊乱,统一使用utf-814 request.setCharacterEncoding("utf-8");
15 response.setContentType("text/html; charset=utf-8");
16//获取从跳转页面得到的内容17 String name = request.getParameter("name");
18 PrintWriter out = response.getWriter();
1920//这里假设验证 silly 为已存在, 若需要测试实际数据,则可通过jdbc操作从数据库中查找21if(name.equals("silly")) {
22//给Ajax反馈信息23 out.print("yes");
24 }else {
25 out.print("no");
26 }
27 }
28 }
原文:https://www.cnblogs.com/Lunix-touch/p/11334680.html
内容总结
以上是互联网集市为您收集整理的Jquery的ajax简单测试全部内容,希望文章能够帮你解决Jquery的ajax简单测试所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。