ajax post请求

最新推荐文章于 2022-08-31 12:29:18 发布

OVO_LQ_Start

最新推荐文章于 2022-08-31 12:29:18 发布

阅读量560

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/OVO_LQ_Start/article/details/104666860

版权

ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

POST

post请求在open（建立请求通道）下面使用setRequestHeader设置请求头
在send（发送请求）传递参数。

<body>
<script type="text/javascript">
	function checkUsername(username){
		var xhr = new XMLHttpRequest();
		
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4){
				if(xhr.status == 200){
					var s = xhr.responseText;
					var name=document.getElementById("nameTipMsg");
					eval("var obj="+s);
					alert(obj.success);
					if(obj.success){
						name.innerHTML= "成功";
					}else{
						name.innerHTML="失败";
					}
				}else{
					alert(xhr.status);
				}
			}
		}
		xhr.open("POST","login",true);
		xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhr.send("username="+username);
	}
	
</script>
	用户名：<input type="text" name="username" onblur="checkUsername(this.value)"/><span id="nameTipMsg"></span><br>
	密码:<input type="password" name="password"/><br>
</body>

package com.ajax;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class User extends HttpServlet{

    /**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	@Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    		throws ServletException, IOException {
    	response.setContentType("text/html;charset=UTF-8");
		String username = request.getParameter("username");
		System.out.println(username.length());
		System.out.println("POST请求");
		StringBuilder json = new StringBuilder();
		if("admin".equals(username)){
			json.append("{\"success\":true}");
		}else{
			json.append("{\"success\":false}");
		}
		response.getWriter().print(json);
    }
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    		throws ServletException, IOException {
    	// TODO Auto-generated method stub
    	doPost(request, response);
    }

}

OVO_LQ_Start

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax post请求

POSTpost请求在open（建立请求通道）下面使用setRequestHeader设置请求头在send（发送请求）传递参数。<body><script type="text/javascript"> function checkUsername(username){ var xhr = new XMLHttpRequest(); xhr.onre...
复制链接

扫一扫