首页 > 代码库 > ajax基本常识及get请求方式
ajax基本常识及get请求方式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="http://www.mamicode.com/">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>This is my JSP 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="http://www.mamicode.com/styles.css">
-->
<style type="text/css">
div{
border: 1px solid red;
width: 400px;
height: 300px;
}
</style>
</head>
<body>
<input type="button" value="http://www.mamicode.com/Ajax" onclick="testAjax()">
<div id="msg"></div>
</body>
<script type="text/javascript">
function testAjax(){
//document.getElementById("msg").innerHTML = "加载中...";
//id;
var request;
//创建 request对象
if(window.XMLHttpRequest){ //兼容性
request = new XMLHttpRequest();
}else if(window.ActiveXObject){ //针对IE
request = new ActiveXObject("Msxml2.XMLHTTP");
}
//写监听 去check request的状态
request.onreadystatechange = function(){
//
//console.log(request.readyState);
if(request.readyState == 4){
//得到 后台写出的数据
//当加载成功以后
if(request.status == 200){
var data = http://www.mamicode.com/request.responseText;
document.getElementById("msg").innerHTML = data;
}else if(request.status == 404){
document.getElementById("msg").innerHTML = "资源没有找到";
}else if(request.status == 500){
document.getElementById("msg").innerHTML = "服务器错误";
}
}else{
document.getElementById("msg").innerHTML = "<img src=http://www.mamicode.com/"images/loading.gif\" />";
}
};
//打开请求
request.open("get", "ajax/ajaxController?name=李四&d="+new Date().getTime());
//发送数据
//如果没有数据 则写null 不然 其他浏览器可能会报错
request.send(null);
}
</script>
</html>
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");
System.out.println(name);
try {
Thread.currentThread().sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
//int c = 1/0;
//response.getWriter().write("Hello Ajax!!!");
response.getWriter().print(new Gson().toJson(new Users("lisi","123123")));
}
ajax基本常识及get请求方式