Ajax 代码模板:
清单一:index.jsp 代码
<%@ page language="java" import="java.util.*" 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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var xmlHttp;
function verify(){
var username=document.getElementById("username").value;
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;
}
}
}
//注册回调函数
xmlHttp.onreadystatechange=callback;
//设置连接信息
var url = encodeURI(encodeURI("check?username="+username)); //页面端两次encodeURI
//xmlhttp.setRequestHeader( "Content-Type", "text/html;charset=UTF-8" );//设置编码
xmlHttp.open("GET",url,true);
//发送数据,开始与服务器端交互
xmlHttp.send(null);
}
//回调函数代码如下:
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="" >
用户名: <input type="text" name="username" onBlur="verify();" id="username"><div id="show"></div><br>
密码: <input type="text" name="password"><br>
<input type="submit">
</form>
</body>
</html>
清单二:Servlet代码
package com.asm.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxServlet 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 = URLDecoder.decode(request.getParameter("username"),
"UTF-8");
PrintWriter out = response.getWriter();
out.write("你输入的用户名为:<font color='red'>" + username+"</font>");
}
}
分享到:
相关推荐
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
This completely updated second edition covers everything you need to know to get up-to-speed with JavaScript development and add dynamic enhancements to web pages, right from the basics. As well as ...
Ajax中Get请求和Post请求的区别 简单例子 何时使用Get请求,何时使用Post请求
ajax总结,load,get,post,ajax总结,还有formdata~~~
ajax的get请求源码
jsp+ajax发送GET请求的方法.docx
学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解
AJAX POST与get提交数据的差别,喜欢了解详细内容的朋友可以下载学习!
主要介绍了jsp+ajax发送GET请求的方法,包含了Ajax数据的发送与JSP文件的处理技巧,非常具有实用价值,需要的朋友可以参考下
$.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 序列化元素 、 jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。
Ajax Get、Post请求 Ajax Get、Post请求 Ajax Get、Post请求
<br>由于AJAX的需要,我带了一个小的ASP服务程序。 这个服务器很小,用的时候也方便。不过用之前最 好把迅雷关掉,它默认的服务端口是80, <br>把此服务器端和两个网页文件解压到同一个文件夹中, ...
NULL 博文链接:https://1601844782.iteye.com/blog/2275595
Java 模拟Ajax POST GET 提交代码,实测很好用。
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
ajax中用到sleep标签,格式为sleep(seconds:5);但是并不能运行,没有响应,所以可以写为sleep(5);省略seconds;
JSP中 ajax的get请求的中文乱码问题的解决方法.pdf 学习资料 复习资料 教学资源
php+Ajax解决了post与get中文乱码的问题 后台页面可以结合mysql使用,以达到相应目的
jQuery ajax、post、get、json格式传递数据例子 jQuery ajax、post、get、json格式传递数据例子