Ajax异步调用servlet--注意路径

最新推荐文章于 2024-04-23 00:29:43 发布

iteye_4709

最新推荐文章于 2024-04-23 00:29:43 发布

阅读量169

点赞数

分类专栏： java-web 文章标签： Servlet Ajax Java JSP Microsoft

本文链接：https://blog.csdn.net/iteye_4709/article/details/81957800

版权

java-web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

--------------jsp--
<%@ 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="<%=basePath%>">
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try{
xmlHttp = new XMLHttpRequest();
}
catch(e)
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
}
}

function startRequest()
{
createXMLHttpRequest();
alert("1111");
//var url = "http://localhost:8080/ajax/servlet/ajaxServlet?timestamp="+ new Date().getTime() +"&username=pangbo&password=12345";
var url = "servlet/AjaxServlet?timestamp="+ new Date().getTime() +"&username=pangbo&password=12345";
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = handleXMLHttpRequest;
xmlHttp.send(null);
}

function handleXMLHttpRequest()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("hints").style.color="yellow";
alert(xmlHttp.responseText);
}
}
}

</script>
</head>

<body>
<%=basePath%>
<input name="username" value="" type="text"/>
<input name="password" value="" type="text"/>
<input name="submit" value="提交" type="button" οnclick="startRequest()"/>
<p id="hints">hello ajax!!</p>
</body>

</html>

--------web.xml----

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>

<servlet>
<servlet-name>ajaxServlet</servlet-name>
<servlet-class>com.ac.servlet.AjaxServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>ajaxServlet</servlet-name>
<url-pattern>/servlet/AjaxServlet</url-pattern>
</servlet-mapping>

</web-app>

-----------servlet-----

package com.ac.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.*;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class AjaxServlet extends HttpServlet{

public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException,ServletException
{
String username = request.getParameter("username");
String password = request.getParameter("password");
String responseText = username+"的密码是"+password+"请牢记！！！！";
System.out.println(responseText);
PrintWriter out = response.getWriter() ;
out.println(responseText);
out.close();
}
}

iteye_4709

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax异步调用servlet--注意路径

--------------jsp-- var xmlHttp; function createXMLHttpRequest() { try{ xmlHttp = new ActiveXObject("Mi...
复制链接

扫一扫

专栏目录