JSP能否访问javascript变量 - 编程论坛

#2

支离破碎2007-04-18 17:17

好像不行，不过可以从JSP向JAVASCRIP传。

#3

rongjing2007-04-19 08:08

我想求证一下AJAX里是否有这种方法，哪位高手指点一下，小妹感激不尽

#4

支离破碎2007-04-19 08:43

AJAX是通过构造URL的形式把值传到servlet中处理的，你可以试下

#5

rongjing2007-04-19 09:00

你可以发一段代码给我看吗，我对AJAX不懂，昨天才知道有这种技术

#6

angeloc2007-04-19 09:34

这个示例代码我发过一次了,再给你看看吧
autorefresh.jsp,调用这个页面看效果的
[CODE]
<%@ page contentType="text/html;charset=gb2312" language="java" %>
<head>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</head>
<script language="javascript">
var XMLHttpReq;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function sendRequest() {
createXMLHttpRequest();
var url = "auto.jsp";
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
DisplayHot();
setTimeout("sendRequest()", 1000);
} else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
function DisplayHot() {
var name = XMLHttpReq.responseXML.getElementsByTagName("time")[0].firstChild.nodeValue;
document.getElementById("time").innerHTML = name;
}

</script>

</SCRIPT>
<body onload =sendRequest()>
<table style="BORDER-COLLAPSE: collapse" borderColor=#111111
cellSpacing=0 cellPadding=0 width=100% bgColor=#f5efe7 border=0>
<tr>
<td height="20" id="time">
</td>
</tr>
</body>
</table>

[/CODE]

auto.jsp
[CODE]
<%@ page contentType="text/html; charset=gb2312" %>

<%
//设置输出信息的格式及字符集
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control","no-cache");
out.println("<response>");
String pattern = "今天是 yyyy 年 MM 月 dd 日 EEE，现在时间是 a hh 点 mm 分 ss 秒";
String mytime=new java.text.SimpleDateFormat(pattern).format(new java.util.Date());
for(int i=0;i<2;i++){
out.println("<time>"+mytime+"</time>");

}
out.println("</response>");
out.close();

%>

[/CODE]

#7

angeloc2007-04-19 09:36

以下是引用rongjing在2007-4-19 9:00:11的发言：
你可以发一段代码给我看吗，我对AJAX不懂，昨天才知道有这种技术

为什么是昨天,我早就根你说过,建议你学习AJAX.

...

#8

支离破碎2007-04-19 09:40

刚搞了个例子，如下：
JSP页面：
[CODE]

<html>

function checkUser() {
var userName = document.getElementById("userName").value;
var url = "ajax?userName="+userName;
createXMLHttpRequest();
XMLHttpReq.onreadystatechange = onreadystatechange;
XMLHttpReq.open("GET",url,true);
XMLHttpReq.send(null);
}

</script>
</head>

<body>
<form>
<p><input id="userName" type="text" /></p>
<p><input type="button" value="ShowFileName" onclick="checkUser();"></p>
</form>
<div id="showMsg">
</div>
</body>
</html>

[/CODE]

***********************************************************************************
Servlet代码：
[CODE]
package com.service;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

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

public class Service extends HttpServlet {

public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException{
String userName=request.getParameter("userName");
PrintWriter out=response.getWriter();
response.setContentType("text/xml; charset=gb2312");
response.setHeader("Cache-Control", "no-cache");
if(userName.equals("flash")){
out.println("<font color=#FF0000>OK</font>");
}else{
out.println("<font color=#0000FF>False</font>");
}
out.close();
}
public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException{
doGet(request,response);
}
}

[/CODE]

#9

支离破碎2007-04-19 09:42

angeloc已经发了~~~~~~~~~~呵~

#10

rongjing2007-04-19 10:03

我前几天在忙其他的嘛，而且，我也不知道怎么去学 AJAX，那你有没有好的书籍介绍一下，我五一去买本，网上有好的免费的教程吗？我这几天要忙毕业设计了。

#11

rongjing2007-04-19 10:04

很感谢两位版主的支持

#12

支离破碎2007-04-19 10:17

网上大把的例子，学一个新东西前先要搞清楚，他大概的工作流程。

#13

rongjing2007-04-19 10:23

[QUOTE][CODE][CODE][QUOTE][/QUOTE][/CODE][/CODE][/QUOTE]

#14

rongjing2007-04-19 10:25

不好意思，发错了

#15

angeloc2007-04-19 10:37

AJAX很简单,就是JS,DOM,XML和SERVLET,上面的代码基本上就是全部了,剩下的就是你怎么用的问题了.
随便在网上找点简单的教程学学吧.主要就下面这段代码对你来说可能是新东西,其他的都是你比较熟悉的了
[CODE]
<script>
var XMLHttpReq;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}

function onreadystatechange() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
//var xmldoc = XMLHttpReq.responseXML;
//var root_node = xmldoc.getElementsByTagName('name').item(0);
//document.getElementById("showMsg").innerText = root_node.firstChild.data;
document.getElementById("showMsg").innerHTML = XMLHttpReq.responseText;

} else { //页面不正常
//window.alert("您所请求的页面有异常。");
}
}
}

function checkUser() {
var userName = document.getElementById("userName").value;
var url = "ajax?userName="+userName;
createXMLHttpRequest();
XMLHttpReq.onreadystatechange = onreadystatechange;
XMLHttpReq.open("GET",url,true);
XMLHttpReq.send(null);
}

</script>
[/CODE]

#16

rongjing2007-04-19 10:51

angeloc，非常感谢你的细心分析，真的很感谢你这几天来对我的帮助，这让我解决了不少的问题，也学到了很多新东西。

#17

angeloc2007-04-19 12:00

你大客气了,呵呵!