JS ajax 例子

用 js ， jQuery 编写 ajax 的样式，三种写法，例子：

//用 js 原生写法
function sendGet(url){
    xhr.onreadystatechange =function(){
	    if(xhr.readyState == 4 && xhr.status == 200){
	    //获取服务器响应
	    document.querySelector("#show").innerHTML = xhr.responseText;
	    }
	};
    //发送异步请求
	xhr.open("GET",url,true);
	//发送请求
	xhr.send();
}

//jQuery 写法
function sendGet(url){
	$.get(url,function(data){
	document.querySelector("#show").innerHTML = data;
});	

function sendGet(url){
    //用 ajax 写
    $.ajax(
    {
	    url:url,
	    method:'get',
	    success: function(data){
		    document.querySelector("#show").innerHTML = data;
	    },
	    error:function(err){
		    alert(err);
	    }					
    });
}

整体的代码：将项目放在 TomCat 下的 root 文件夹下，浏览器输入 localhost:8080/history.html 即可运行。

history.html 代码：

	
		
		
		
						
	
		
		

			

				
疯狂java 讲义
				
java ee
				
 android
				
  html 
				
front
				
			
			
				
			
		
			
							
	

book.jsp 代码：

<%@page pageEncoding="UTF-8"%>
<%
	String id = request.getParameter("id");
	String result =null;
	if (id.equals("java")) {
		result = "java 书，111111111111111111111111";
	}else if (id.equals("ee")){
		result = "java ee书，2222222222222222222222";
	}else if (id.equals("android")){
		result = "android 书，33333333333333333333333";
	}else if (id.equals("html")){
			result = "html 书，4444444444444444444444444444";
	}else if (id.equals("front")){
			result = "front 书，55555555555555555";    
	}
	out.println(result);	
%>