<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
var xmlHttp;
function verify(){
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
var param="username="+username+"&password="+password;
try {
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
} catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
} catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch (e){
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
//1.注册回调函数
xmlHttp.onreadystatechange=callback;
//2.设置连接信息
xmlHttp.open("POST","checkPost",true);
//3.设置头信息
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //这个一定要写在open方法后面
//4.发送数据,开始与服务器端交互
xmlHttp.send(param);
}
//回调函数代码如下:
function callback(){
//判断交互是否完成
if(xmlHttp.readyState==4){
//判断http的交互是否成功
if(xmlHttp.status==200){
//获取服务器端的纯文本数据
var responseText=xmlHttp.responseText;
document.getElementById("show").innerHTML=responseText;
}else{
alert("出错了");
}
}
}
</script>
</head>
<body>
<form action="" method="post">
用户名: <input type="text" name="username" id="username" ><br>
密码: <input type="password" name="password"id="password" onBlur="verify();"><br>
<div id="show"></div><br>
<input type="submit">
</form>
</body>
</html>
ajax:post 提交方案:注意的是一定要先建立连接,再设置头信息
package com.asm.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxServletPost extends HttpServlet {
private static final long serialVersionUID = 1L;
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
IOException {
this.doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
String username = request.getParameter("username");
String password = request.getParameter("password");
PrintWriter out = response.getWriter();
// out.write("你输入的用户名为: + + "</font>");
out.println("你填入的结果为:<br>");
out.println("<font color='red'> username="+username+" || password="+password+"</font>");
}
}
分享到:
相关推荐
最近做项目遇到一个需求,需要通过Ajax的post请求下载文件,把实现代码分享给大家。
AJAX POST与get提交数据的差别,喜欢了解详细内容的朋友可以下载学习!
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
在ajax中使用post方法,用常规的参数格式:param1=a1¶m2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...
Ajax中Get请求和Post请求的区别 简单例子 何时使用Get请求,何时使用Post请求
Ajax的post方法的使用,Ajax的post方法的使用,在http协议中还有,get、put、head、和delete
jQuery ajax、post、get、json格式传递数据例子 jQuery ajax、post、get、json格式传递数据例子
ajax跨域post请求,spring例子。
ajax总结,load,get,post,ajax总结,还有formdata~~~
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
Java 模拟Ajax POST GET 提交代码,实测很好用。
Ajax使用POST提交中文乱码问题.docx
NetCore Jquery使用AJAX POST方式下载Excel文件
原生javascript实现ajax发送pos请求,这样可以脱离jquery框架,
简单的ajax(post)传值,供新手研究
php+Ajax解决了post与get中文乱码的问题 后台页面可以结合mysql使用,以达到相应目的
Ajax Get、Post请求 Ajax Get、Post请求 Ajax Get、Post请求
ajax中使用javascript的send方法post参数。当用set方法是会出现中午乱码的问题,该文档说的post方法很好的解决了该问题,具体用法见文档
Django中使用ajax post向后台传送数据时403 Forbidden (CSRF token missing or incorrect.):的解决办法
$.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 序列化元素 、 jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。