简单的ajax的请求案例

最新推荐文章于 2025-02-28 23:30:56 发布

御裔宸说

最新推荐文章于 2025-02-28 23:30:56 发布

阅读量4k

点赞数

分类专栏： ajax 文章标签： ajax的案例

本文链接：https://blog.youkuaiyun.com/shisjieshoufu/article/details/82384799

版权

ajax 专栏收录该内容

6 篇文章

订阅专栏

1、第一步先创立一个web的项目

然后建立一个jsp的文件

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="${pageContext.request.contextPath }/js/myJS.js"></script>
<title>Insert title here</title>


<script type="text/javascript">
    window.onload = function(){
    	
    //1、获取XMLHttpRequest()的对象
    var  req = getXMLHttpRrquest();
    
    
    //4、处理响应的结果
    
    req.onreadystatechange = function(){
    	//这里要查看的状态与状态信息有没有一致，
    	//才能返回响应服务器的信息  
    	//查看服务器端响应状态
    	//服务器响应一切正常
    	if(req.readyState==4&&req.status==200){
    		alert(req.responseText);
    	}
    	
    }
    
    
    //2、建立一个连接
    req.open("get","${pageContext.request.contextPath }/servlet/ServletDemo1");
    
    
    //3发送请求
     
    req.send(null);
    	
    }



</script>



</head>
<body>





</body>
</html>

2、第二步就是创建一个js的文件夹，到时候专门是利用来调用js的函数的

function getXMLHttpRequest(){
	var xmlhttp;
	if(window.XMLHttpRequest){
		xmlhttp = new XMLHttpRequest();
		
	}else{
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		
	}
	return  xmlhttp;
	
}

3、然后第三步就是要创建一个后台的服务器的访问响应，sevelet的

package com.ajax.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 ServletDemo1 extends HttpServlet {


	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		PrintWriter out = response.getWriter();
		out.print("hello servlet");
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}
	
}

然后就是然后访问地址出现那个hello servlet的字样就可以了