基本ajax请求,ajax基本常识及get请求方式(示例代码)

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

This is my JSP page

div{

border: 1px solid red;

width: 400px;

height: 300px;

}

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 = 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 = "";

}

};

//打开请求

request.open("get", "ajax/ajaxController?name=李四&d="+new Date().getTime());

//发送数据

//如果没有数据 则写null 不然 其他浏览器可能会报错

request.send(null);

}

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")));

}