XMLHttpRequest 的使用

最新推荐文章于 2023-06-11 00:31:53 发布

singleton-zw

最新推荐文章于 2023-06-11 00:31:53 发布

阅读量874

点赞数

分类专栏： ajax/json 文章标签： web xmlhttprequest

本文链接：https://blog.csdn.net/u010982856/article/details/23289799

版权

ajax/json 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet(urlPatterns = {"/NewServlet"})
public class NewServlet extends HttpServlet {

//    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
//            throws ServletException, IOException {
//        response.setContentType("text/html;charset=UTF-8");
//        PrintWriter out = response.getWriter();
//        try {
//            //使用get请求
//            String str = request.getParameter("name");
//            if(str == null || str == ""){
//                out.println("用户名不能为空！");
//            } else{
//                if(str.equals("123")||str.equals("258"))
//                    out.println("用户名 "+str+" 已经存在，请使用其他用户名！");
//                else
//                    out.println("恭喜你！用户名 "+str+" 可以使用！");
//            }
//        } finally {
//            out.close();
//        }
//    }
	//使用post请求
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        try {           
            String str = request.getParameter("name");
            String pads = request.getParameter("pas");
            
            if(str == null || str == ""||pads == null || pads == ""){
                out.println("用户名或密码不能为空！");
            }else{
                if(str.equals("abc")||pads.equals("123"))
                {
                    out.println("用户名 "+str+" 登录成功");
                }
                else if(str.equals("123")||pads.equals("123"))
                {
                    out.println("用户名 "+str+" 登录成功");
                }
                else{
                    out.println("用户名 "+str+" 不可以使用！");
                }
                   
            }
            
        } finally {
            out.close();
        }
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    @Override
    public String getServletInfo() {
        return "Short description";
    }// </editor-fold>

}

使用get请求
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
            function submit(){
            //创建对象
                xml = new XMLHttpRequest();
            alert("aa");
            //判断浏览器
                if(xml==null||xml==undefined)
                    alert("浏览器不兼容");
            //打开请求
                var username = document.getElementById("name").value;
          
                xml.open("GET","NewServlet?name="+username,true);
            //发送请求
                xml.send(null);
            //注册响应函数
                xml.onreadystatechange = jiao;
            
            }       
                 //响应函数
            function jiao(){
                if(xml.readyState==4){
		 if(xml.status==200){
                     //获取值
                     var ds = xml.responseText;
                     
                     var divss = document.getElementById("d");
                     
                     divss.innerHTML=ds;
                     }                   
                 }
             }


        </script>
    </head>
    <input type="text" id="name"/>
    <input type="submit" value="提交" οnclick="submit()"/>
    <font color="#ff0000"><div id="d"></div></font>
</html>

使用post请求

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP</title>
        <script type="text/javascript">
            function submit(){
            //创建对象
                xml = new XMLHttpRequest();
            //判断浏览器
                if(xml==null||xml==undefined)
                    alert("浏览器不兼容");
            //打开请求
                var username = document.getElementById("name").value;
                var pas = document.getElementById("pas").value;
                
                
         		xml.open("POST","NewServlet",true);
          		xml.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                 
            //发送请求
            var re ="name="+username+"&pas="+pas;
                xml.send(re);
            //注册响应函数
                xml.onreadystatechange = jiao;
               

            
            }       
                 //响应函数
            function jiao(){
                if(xml.readyState==4){
					 if(xml.status==200){
                     //获取值
                     var ds = xml.responseText;
                     
                     var divss = document.getElementById("d");
                     
                     divss.innerHTML=ds;
                     }                   
                 }
             }


        </script>
    </head>
    <input type="text" id="name"/>
    <br>
    <input type="password" id="pas" name="pas"/>
    <input type="submit" value="提交" οnclick="submit()"/>
    <font color="#ff0000"><div id="d"></div></font>
</html>

singleton-zw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
XMLHttpRequest 的使用

import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.h
复制链接

扫一扫