javascript调用servlet

JavaScript07

javascript调用servlet,第1张

以下程序已经测试通过!

register.jsp:

注意:1、contextName就是你的项目名称。2、form中method设置为get.

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>

<html>

<head>

<script>

function UserExist(){

var name= document.form1.username.value

document.form1.action="/contextName/userName.check?username="+name

document.form1.submit()

}

</script>

</head>

<body>

<form name="form1" action="SaveServlet" method="get" onsubmit="return check()">

<table>

<tr>

<td>用户名:</td><td><input type="text" name="username" >

<input type="button" name="bn1" value="检测用户名是否存在" onclick="UserExist()">

</td></tr>

<tr><td colspan="2"><input type="submit" name="subm" value="确定"></td></tr>

</table>

</form>

</body>

</html>

web.xml添加下面定义

<servlet>

<servlet-name>CheckUserNameServlet</servlet-name>

<servlet-class>com.company.project.servlet.CheckUserNameServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>CheckUserNameServlet</servlet-name>

<url-pattern>*.check</url-pattern>

</servlet-mapping>

CheckUserNameServlet中doGet()方法最后一句话可以修改成这样:

out.println("<a href='javascript:history.go(-1)'>返回</a>")

1.使用document.form.action方式

相关源码如下:

*.js

[javascript]

代码如下:

<span style="white-space:pre"></span>document.getElementById("sendPerson").value = SendPerson

document.getElementById("currentTime").value = currentTime()

document.getElementById("message").value = message

document.getElementById("recvPerson").value = recvPerson

document.chatform.action = "ToHistoryServlet"

document.chatform.submit()

*.html

[html]

代码如下:

<!--the tag below is the params to the userHistory [email protected]>

<input type="hidden" name="sendPerson" id="sendPerson"><input

type="hidden" name="currentTime" id="currentTime"><input

type="hidden" name="message" id="message"><input

type="hidden" name="recvPerson" id="recvPerson">

注意的是,input需指定name属性,这么servlet才可以获取到参数值

*.java

[java]

代码如下:

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException { www.2cto.com

String sendPerson = request.getParameter("sendPerson")

String recvPerson = request.getParameter("recvPerson")

String sendTime = request.getParameter("currentTime")

String message = request.getParameter("message")

Message msg = new Message()

msg.setMessage(message)

msg.setRecvPerson(recvPerson)

msg.setSendPerson(sendPerson)

msg.setSendTime(sendTime)

HistoryHandle.addMessage(msg)

}

这个缺点是页面就跳走了,要是希望保持原页面,可以参照方法2

2.jquery调用后台方法

[javascript]

代码如下:

$.ajax({

type : "POST",

contentType : "application/json",

url : "ToHistoryServlet?sendPerson=" + SendPerson + "¤tTime="

+ currentTime() + "&message=" + message + "&recvPerson="

+ recvPerson,

dataType : 'json',

success : function(result) {

alert(result.d)

}

})

首先,你理解的有问题。 js是取不到servlet的值的(即服务端数据)。

应该反过来理解。 用servlet去生成js代码。

因为js、CSS、HTML对服务端而言是本文,只不过需要按照某种逻辑去生成可被客户端浏览器所理解的本文即可。

最后,你写的代码是没有问题,如果上面那部分是在jsp的<script>标签中的话。

而user这个变量值,servlet是不需要做什么的,因为它只能设置request的attribute。你能保证客户端会传过来user变量值就行。如果user是从服务端获取,即servlet添加request.setAttribute("user", value的值),然后更改上面的request.getParameter("user")为request.getAttribute("user")