使用$.ajax向服务器发送请求
2018-01-29 22:04
399 查看
使用$.ajax向服务器发送请求
html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="/jquery_ajax/js/jquery-1.8.3.js"></script> <script type="text/javascript"> //页面加载完成后 $(function() { //添加失焦事件 $("#username").blur(function() { //获取录入的用户名 var usernamevalue = $("#username").val(); //向服务器发送请求 var url="/jquery_ajax/load"; //使用$.ajax完成操作 $.ajax({ url:"/jquery_ajax/load", data:{'username':usernamevalue}, type:"POST", dataType:"html", success:function(data){ //参数data它接收了服务器响应的数据 $("#username_span").html(data); } }); }); }); </script> </head> <body> <input type="text" name="username" id="username"><span id="username_span"></span> <br> <input type="password" name="password"> <br> </body> </html>
LoginServlet
public class LoadServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 解决乱码 request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); // 1.得到用户名 String username = request.getParameter("username"); // 2.判断用户名是否可以使用 if ("tom".equals(username)) { // 用户名不可以使用 response.getWriter().write("<font color='red'>用户名被占用</font>"); } else { // 用户名可以使用 response.getWriter().write("<font color='green'>用户名可以使用</font>"); } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
web.xml
<servlet> <description></description> <display-name>LoadServlet</display-name> <servlet-name>LoadServlet</servlet-name> <!-- Class clazz = Class.forName("com.itheima.servlet.LoadServlet"); Object obj = clazz.newInstatnce(); // 反射去调用 doGet, doPost --> <servlet-class>com.itheima.servlet.LoadServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>LoadServlet</servlet-name> <url-pattern>/load</url-pattern> </servlet-mapping>
相关文章推荐
- session过期,使用Ajax每隔一段时间向服务器发送一次请求,来防止session过期
- Ajax - 使用XMLHttpRequest对象向服务器发送简单请求
- 使用AJAX向服务器发送请求
- 以Base64字符串形式上传文件——在web浏览器端使用原生Javascript及Ajax读取本地文件并发送请求到服务器
- Ajax入门 第3部分 使用XML向服务器发送请求和从服务器接收 XML
- session过期,使用Ajax每隔一段时间向服务器发送一次请求,来防止session过期
- ajax之使用get方式向服务器发送请求
- AJAX - 向服务器发送请求
- Ajax---发送参数:使用JSON替代XML向服务器发送数据
- 掌握 Ajax,第 8 部分: 在请求和响应中使用 XML Ajax 客户机/服务器通信可以很巧妙
- AJAX - 向服务器发送请求(整理)
- AJAX - 向服务器发送请求
- android之Apache Http初使用——向服务器发送请求
- Ajax的GET与POST方式向服务器发送请求
- 使用urlconnection和json发送post请求到服务器
- php下载服务器端文件(禁止使用ajax提交请求)
- 如何使用Ajax(XMLHttpRequest)发送带参数的请求,以及如何在Servlet中获取请求中的参数
- AJAX向服务器发送与请求(四)
- ajax向服务器发送请求总结
- AJAX - 向服务器发送请求