使用$.ajax向服务器发送请求
生活随笔
收集整理的這篇文章主要介紹了
使用$.ajax向服务器发送请求
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用$.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>總結
以上是生活随笔為你收集整理的使用$.ajax向服务器发送请求的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery ajax简单案例-验证用户
- 下一篇： 使用$.post和$.get向服务器发送