006_Ajax发送POST请求

1. 使用我们的Ajax动态WEB项目

2. 编写ajax_post.html

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>Ajax post请求获取字符串响应</title></head><body> <form action="" method="post">用户名: <input type="text" name="userName" autofocus="autofocus" onBlur="showHint(this.value)" /><span id="txtHint"></span><br />密码: <input type="password" name="password" /><br /><input type="submit" value="提交" /></form><script type="text/javascript">function showHint(userName){if(userName == undefined){document.getElementById("txtHint").innerHTML="请输入用户名";return;}// 创建XMLHttpRequest对象。XMLHttpRequest对象用于和服务器交换数据。var xmlHttp = new XMLHttpRequest();xmlHttp.onreadystatechange = function(){// 4请求完成, 200服务器返回状态OK。if(xmlHttp.readyState == 4 && xmlHttp.status == 200){// 获取字符串响应document.getElementById("txtHint").innerHTML=xmlHttp.responseText;}}// 使用XMLHttpRequest对象的open()和send()方法, 发送post请求到服务器。xmlHttp.open("post", "register.action", true);xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=UTF-8");xmlHttp.send("userName="+encodeURIComponent(userName));}</script></body>
</html>

3. 编写RegisterAction.java

package com.lywgames.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 RegisterAction extends HttpServlet {private static final long serialVersionUID = 1L;@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String userName = req.getParameter("userName");String result = "";if("zhangsan".equals(userName) || "lisi".equals(userName)) {result = "用户名已注册";}if(null == userName || userName.length() < 3) {result = "用户名不合法";}// 响应客户端的内容类型是text/html 编码是UTF-8(包含字符编码和网页编码)resp.setContentType("text/html;charset=UTF-8");resp.getWriter().write(result);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet(req, resp);}
}

4. 配置web.xml

5. 运行项目, 输入用户名lisi, 失去焦点

006_Ajax发送POST请求相关推荐

ajax发送动态字符传,如何发送ajax请求文件与其他字符串的变量？
我想创建ajax调用并发送数据与文件和其他变量,我也使用django,如果它的帮助.如何发送ajax请求文件与其他字符串的变量? 我尝试: js文件: $("#save-new-reques ...
jquery发送put请求_浅谈GET,POST,PUT发送请求
一般我们在浏览器的地址栏输入网址回车后,发送的是GET请求当用表单提交时(最普遍的是用户登录),我们可以指定是GET还是POST请求,这里需要注意的是有的浏览器并不支持PUT请求,那后台restfu ...
使用rest_framework写api接口的一些注意事项(axios发送ajax请求)
1. 类继承GenericAPIView,定义queryset 印象深刻的事: 由于原来对于继承关系不太清楚,写接口 APIView/泛指GenericAPIView不太关注queryset 没有设置 ...
Vue之axios发送Ajax请求
2.10 axios发送ajax请求 axios github 2.10.1 准备工程创建一个django工程,例如 login.创建完成之后,再创建一个子应用,例如users.最后再设置一下模板文 ...
爬虫之requests模块发送post请求
爬虫之requests模块发送post请求思考:哪些地方我们会用到POST请求? 登录注册( 在web工程师看来POST 比 GET 更安全,url地址中不会暴露用户的账号密码等信息) 需要传输大文 ...
java post xmll_HttpClient发送Post请求,内容格式为xml,并获取响应内容
ChannelDistributor.xml 内容如下: yisou abcd1234 10010000 00 1).HttpClient发送Post请求,内容格式为xml,并获取响应内容 impor ...
PHP爬取post网页数据,php curl发送post请求爬取webService接口数据简单实例
header('Content-Type: text/html;charset=utf-8'); /** * 使用curl发送post请求 * @param $url * @param string ...
python写页面发送post请求_Python模拟浏览器向CSDN发送post请求的方法,POST
目录 1.发送get请求的方法 import requests import json def GET(url): #get请求 req = requests.get(url) #输出状态码 prin ...
python并发发送http请求_用python异步发送http请求来提升效率
需求在一个我做的项目里,业务流程有一环需要调用http的接口. 这个接口本身是同步处理的,返回响应的速度会根据要处理的数据量不同而不同. 为了不拖慢主业务流程,客户要求采用异步的方式来请求,即只要得 ...

006_Ajax发送POST请求

006_Ajax发送POST请求相关推荐

最新文章

热门文章