servlet：
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println(1);
List<String> userNames = Arrays.asList("AAA","BBB","CCC");
String userName = request.getParameter("userName");
String result = null;
if(userNames.contains(userName)){
System.out.println(2);
result = "<font color='red'>该用户名已被使用</font>";
}else {
result = "<font color='green'>该用户名可以使用</font>";
}
System.out.println(3);
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
response.getWriter().print(result);
}
index.jsp
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.11.3.js/"></script>
<script type="text/javascript">
$(function(){
$(":input[name='username']").change(function(){
var val = $(this).val();
val = $.trim(val);
if(val!=""){
var url = "${pageContext.request.contextPath}/login";
var args = {"userName":val,"time":new Date()};
$.post(url,args,function(data){
$("#message").html(data);
});
}
});
});
</script>
</head>
<body>
<form action="" method="post">
UserName:<input type="text" name="username" />
<br/>
<div id="message"></div>
<br/>
<input type="submit" value="Submit" />
</form>
</body>
</html>
xml:
<servlet>
<description>
</description>
<display-name>UserNameServlet</display-name>
<servlet-name>UserNameServlet</servlet-name>
<servlet-class>com.servlets.UserNameServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UserNameServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
关于 jquery实现Ajax 但是没有效果
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
斯洛文尼亚旅游 2016-02-03 01:16关注怎么多了个/在最后？手误还是什么？如果有/在后面是目录了，应该是这个问题导致jquery加载不进去，最好用$.ajax配置error看是否执行到error，$.post只有200状态才会执行success，只能用浏览器开发工具看ajax返回结果
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.11.3.js/"></script>本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2019-05-30 16:30"利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开，它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先，C#是一种面向对象的编程语言，广泛应用于...
- 2020-12-12 17:21但jquery 提供的几种AJAX请求的几种方式，从简单到复杂，有更多的选择空间，下面总结几种在项目中常用的jquery ajax请求的方式，由于AJAX 与语言不相关，所以省略后台语言部分，重点放在前端。 1. 用jquery 的 ...
- 2020-12-12 09:07jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。 代码： 代码如下: // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.url...
- 2023-07-02 21:35qq_37035987的博客 1、跨域是指从一个域名的网页去请求另一个域名的资源，AJAX存在跨域问题，比如下面从服务器a发送AJAX请求到服务器b。2、同源策略是指一段脚本只能读取...二、用AJAX实现一个省市联动动态展示功能。一、AJAX跨域问题。
- 2020-12-28 23:17接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写，这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。...
- 2021-11-01 19:03JD强子的博客 Ajax 全称“Asynchronous JavaScript and XML”，译为“异步 JavaScript 和 XML”，程序员们习惯称之为“阿贾克斯”，它并不是一种技术，而是多种技术的综合体，其中包括 JavaScript、XML、JSON、DOM、CSS、HTML ...
- 2020-10-23 03:03文章以实例的方式展示了前端使用jQuery框架发送AJAX请求，并且在后端通过C#编写的WebHandler处理数据，将数据库中的信息以JSON格式返回给前端，前端再根据返回的JSON数据动态更新网页上的下拉列表，从而实现联动效果...
- 2024-07-24 11:21项目环境 ：python3.7 django1.9 部署教程： 安装： pip install -r requirements.txt 运行： python manage.py runserver 访问： localhost:8000 ...前端bootstrap、html、css、js、jquery、ajax
- 2024-07-15 15:38huanhuan_m1的博客 jquery ajax实现上传文件
- 2019-07-10 12:40jQuery实现Ajax分页特效示例，可以设置上一页、下一页的文字，还可以设置每页显示条数，从第几条开始等，本代码为实现Ajax无刷新分页的功能演示，并不具备真正的分页，此代码只是实现了前端的ajax分布逻辑，后台需要...
- 没有解决我的问题, 去提问
