使用jQuery 发送Ajax

jQuery AJAX 方法

AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。

下面的表格列出了所有的 jQuery AJAX 方法：

构建页面：jqlogin.jsp

<body>

<span style="color: pink" id="s"></span><br>

用户名：<input id="a" name="username" type="text" onblur="cleckUser()"/><br>

密码：&nbsp;&nbsp;<input name="upwd" type="text"/>

</body>

jquery代码：

<head>

    <title>登录界面</title>

    <script type="text/javascript" src="jq/jquery-1.8.3.js"></script>

    <script type="text/javascript">

       function cleckUser() {

           var value=document.getElementById("a").value;

           alert(value);

           $.ajax({

               url:"LoginServlet",

               type:"get",

               data:"username="+value,

               dataType:"text",

               success:function (result) {

                   document.getElementById("s").innerText=result;

               },

               error:function () {

                   document.getElementById("s").innerText=result;

               }

           })

       }

    </script>

</head>

LoginServlet:

package cn.happy.servlet;

import java.io.IOException;

/**

 * Created by CKW on 2017/3/16.

 */

public class LoginServlet extends javax.servlet.http.HttpServlet {

    protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        String uname=request.getParameter("username");

        System.out.println(uname);

        if ("sa".equals(uname)){

            //返回给浏览器   已经注册

            response.setCharacterEncoding("utf-8");

            System.out.println("进来");

            response.getWriter().write("已经注册");

        }else {

            //返回给浏览器   没有注册

            response.setCharacterEncoding("utf-8");

            System.out.println("没劲了");

            response.getWriter().write("可以注册");

        }

    }

    protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {

        doPost(request,response);

    }

}

运行页面：

巴特西

使用jQuery 发送Ajax

jQuery AJAX 方法

最新文章

热门文章