事件驱动的Web之旅——JSP与JavaScript的融合(续)

原创 2004年04月23日 13:26:00

我们再来说一说JSPJavaScript的搭配使用和相互访问。

也许你用过DelphiWebBroker开发过Web Application当你每做的一件事(提交)就是一个WebAction,说白了,就是一个函数。而这个函数在ASPJSP条件下就成了一个页面。不过你也应该把他们理解成函数,一个返回字符串的函数。而这个字符串,就是你在浏览器利用查看源文件菜单命令所看到的结果。这样,JavaScript调用Java变量的问题就迎刃而解了。我们的JSP返回的字符串有JavaScript代码,而这些代码是由浏览器解释执行的。由于JavaScript代码的生成都可以由JSP动态生成,所以,JavaScript中可以包含JSP代码的运行结果。这样就实现了JavaScriptJSP变量的调用。

下面我们再来看一看,JavaScriptJSP方法和JSPJavaScript的调用。这两个调用都有一个共同点,那就是需要对页面进行提交,在用Hidden设置几个隐藏参数。JSP根据获得的参数再进行相应的处理,就可以了。也许有的人已经不太明白了,那我们还是用一个程序来说明问题吧!

程序二:一个服务器获得客户端信息的Web页面。他获得了客户端的一些屏幕设置,并把它们记录在数据库里。

GetClientInfo.jsp

<%@ page contentType="text/html; charset=utf-8" language="java" %><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

<%@ import="java.sql.*" %>

<HTML>

<HEAD>

<TITLE>Information</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">

<STYLE TYPE="text/css">

TABLE, BODY {

    font-family: "Courier New";

    font-size: 10pt;

}

</STYLE>

</HEAD>

<BODY>

<%

    if(request.getParameter("isHaveData") == null){ %>

        <FORM NAME="frmClient" METHOD="POST">

        <INPUT TYPE="HIDDEN" NAME="isHaveData" VALUE="">

        <INPUT TYPE="HIDDEN" NAME="iScreenWidth">

        <INPUT TYPE="HIDDEN" NAME="iColorDepth">

        <INPUT TYPE="HIDDEN" NAME="iScreenHeight">

        <INPUT TYPE="HIDDEN" NAME="sBrowseName">

        <INPUT TYPE="HIDDEN" NAME="sBrowseVer">

        <INPUT TYPE="HIDDEN" NAME="iClientHeight">

        <INPUT TYPE="HIDDEN" NAME="iClientWidth">

        <SCRIPT language="JavaScript1.4" TYPE="TEXT/JAVASCRIPT">

        frmClient.iScreenWidth.value = screen.width;

        frmClient.iScreenHeight.value = screen.height;

        frmClient.iColorDepth.value = screen.colorDepth;

        frmClient.sBrowseName.value = navigator.appName;

        frmClient.sBrowseVer.value = navigator.appVersion;

        frmClient.iClientHeight.value = screen.availHeight;

        frmClient.iClientWidth.value = screen.availWidth;

        frmClient.submit();

        </SCRIPT>

        </FORM>

    <% } else { %>

        <OBJECT id=objMSAgent

classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F

 width="32" height="32">

</OBJECT>

        <SCRIPT language="JavaScript1.4" TYPE="TEXT/JAVASCRIPT">

            var MerlinID;

            var MerlinACS;

            objMSAgent.Connected = true;

            MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);

            Merlin = objMSAgent.Characters.Character(MerlinID);

            Merlin.Show();

            Merlin.Play("Surprised");

            Merlin.Speak("<%= "Hello?" %>");

            Merlin.Play("GestureLeft");

            Merlin.Think("<%= "This is a jsp variant" %>");

            Merlin.Play("Pleased");

            Merlin.Think("<%= "JavaScript uses jsp variants" %>");

            Merlin.Play("GestureDown");

            Merlin.Speak("<%= "Bye! so Easy!" %>");

            Merlin.Hide();

            function LoadLocalAgent(CharID, CharACS) {

                LoadReq = objMSAgent.Characters.Load(CharID, CharACS);

                return(true);

            }

        </SCRIPT>

        <TABLE>

            <TR><TD COLSPAN="2">

<FONT COLOR="#FF0000">your infomation:</FONT>

</TD></TR>

            <TR><TD>Screen Width:</TD>

<TD><%= request.getParameter("iScreenWidth") %></TD></TR>

            <TR><TD>Screen Height:</TD>

<TD><%= request.getParameter("iScreenHeight") %></TD></TR>

            <TR><TD>Color Depth:</TD>

<TD><%= request.getParameter("iColorDepth") %></TD></TR>

            <TR><TD>Browse Name:</TD>

<TD><%= request.getParameter("sBrowseName") %></TD></TR>

            <TR><TD>Browse Version:</TD>

<TD><%= request.getParameter("sBrowseVer") %></TD></TR>

            <TR><TD>Client area Width:</TD>

<TD><%= request.getParameter("iClientWidth") %></TD></TR>

            <TR><TD>Client area Height:</TD>

<TD><%= request.getParameter("iClientHeight") %></TD></TR>

        </TABLE>

        <% String strDSN =

"jdbc:odbc:driver={Microsoft Access Driver (*.mdb)};DBQ="

 + application.getRealPath("//WEB-INF//msg.mdb");

        Connection cnct = null;

        Statement stmt = null;

        Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

        cnct = DriverManager.getConnection(strDSN,"","");

        stmt = cnct.createStatement(

ResultSet.TYPE_SCROLL_INSENSITIVE,

ResultSet.CONCUR_UPDATABLE);

        java.text.DateFormat dfNow =

java.text.DateFormat.getDateTimeInstance(

                  java.text.DateFormat.MEDIUM,

java.text.DateFormat.MEDIUM);

        String strDate = dfNow.format(new java.util.Date());

        String sInsertSQL = "INSERT INTO ClientMsg VALUES(" +

                "/'" + request.getRemoteAddr() + "/'," +

                "/'" + strDate +"/'," +

                "/'" + request.getParameter("iScreenWidth") + "/'," +

                "/'" + request.getParameter("iScreenHeight") + "/'," +

                "/'" + request.getParameter("iColorDepth") + "/'," +

                "/'" + request.getParameter("sBrowseName") + "/'," +

                "/'" + request.getParameter("sBrowseVer") + "/'," +

                "/'" + request.getParameter("iClientWidth") + "/'," +

                "/'" + request.getParameter("iClientHeight") + "/');";

        stmt.executeUpdate(sInsertSQL); %>

        <P><FONT COLOR="#FF0000">

The information of other visitors:</FONT></P>

        <% ResultSet RS = stmt.executeQuery("SELECT * FROM ClientMsg");

        while(RS.next()){ %>

            <TABLE>

                <TR><TD COLSPAN="2"><HR SIZE="1"></TD></TR>

                <TR><TD COLSPAN="2"><STRONG>

<FONT COLOR="#0000FF"><%=RS.getString("IP")%> at

                    <%=RS.getString("Time")%> visited this Page

</FONT></STRONG></TD></TR>

                <TR><TD>Screen Width:</TD>

<TD><%= RS.getString("ScreenWidth") %></TD></TR>

                <TR><TD>Screen Height:</TD>

<TD><%= RS.getString("ScreenHeight") %></TD></TR>

                <TR><TD>Color Depth:</TD>

<TD><%= RS.getString("ColorDepth") %></TD></TR>

                <TR><TD>Browse Name:</TD>

<TD><%= RS.getString("BrowseName") %></TD></TR>

                <TR><TD>Browse Version:</TD>

<TD><%= RS.getString("BrowseVer") %></TD></TR>

                <TR><TD>Client area Width:</TD>

<TD><%= RS.getString("ClientWidth") %></TD></TR>

                <TR><TD>Client area Height:</TD>

<TD><%= RS.getString("ClientHeight") %></TD></TR>

            </TABLE>

        <% }

        RS.close();

        RS = null;

        stmt.close();

        cnct.close();

        stmt = null;

        cnct = null;

    }

%>

<BR>

</BODY>

</HTML>

这个Web运行时,首先用JavaScript获得客户端的信息,然后自动提交页面,提交后JSP会记录相应信息,并保存在数据库里,然后再把所有的访问者的情况从数据库里读出来显示。在这个程序里还调用了MSAgent他所显示的文字全都是JSP的变量,当然你也可以设置成别的。

本程序还用到了数据库,是Accsess,一个放于 %YOURAPP%/WEB-INF/msg.mdb的文件。里面有一个表ClientMsg。有几个字段:

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />CSDN_Dev_Image_2004-4-23747410.jpg

好的例子一个足已!

也许你会说,不就是提交么?

对,下一次我们讲的就是 提交的艺术。

(运行环境 IE6、TOMCAT4.1.x JDK1.4.x)

事件驱动的Web之旅——JSP与JavaScript的融合

事件驱动的Web之旅——JSP与JavaScript的融合(此文献给所有使用Delphi的程序员)说正题之前,我先写个序吧!我深爱着Delphi,不能自拔。可是我也看到了B/S是以后程序设计的大方向,...
  • merak_wuyj
  • merak_wuyj
  • 2006年10月27日 09:32
  • 769

一.javaweb笔记之javaScript简介+基本语法+事件驱动+DOM

1.JavaScript简介 起源          在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。Net...
  • yuexianchang
  • yuexianchang
  • 2017年04月20日 07:09
  • 525

js事件驱动

转载地地址面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求,还有setTimeout也看起来像是多线程的?还有non-blocking IO, ev...
  • true_hsf
  • true_hsf
  • 2015年07月31日 15:24
  • 1397

JavaScript事件驱动机制&定时器机制

在浏览器中,事件作为一个极为重要的机制,给予JavaScript响应用户操作与DOM变化的能力;在NodeJS中,异步事件驱动模型则是提高并发能力的基础。 一、程序如何响应事件 程序响应外部的事件有...
  • ligang2585116
  • ligang2585116
  • 2015年07月03日 11:37
  • 2364

JavaScipt——基于对象和事件驱动的客户端语言

JavaScript(下面简称JS)是一种基于对象和事件驱动的语言。所谓基于对象,这和我们常说的面向对象语言是有所不同的。 面向对象,简单而言就是用户可以自己定义设计类。 JavaScript(下...
  • Helios_2015
  • Helios_2015
  • 2014年10月14日 09:07
  • 1132

JS和JSP的区别

最近很多同学在纠结于名词缩写之间的相似性,因此本人也来写一篇,讲讲JS和JSP的区别。简单的说——JS是在客户端执行的,需要浏览器支持Javascript。JSP是在服务器端执行的,jsp 要先翻译,...
  • a2806005024
  • a2806005024
  • 2014年06月03日 16:43
  • 88621

Javascript事件驱动编程

Javascript事件驱动编程 基本概述     JS是采用事件驱动的机制来响应用户操作的,也就是说当用户对某个html元素进行操作的时候,会产生一个时间,该时间会驱动某些函数来处理。 PS:...
  • q547550831
  • q547550831
  • 2015年12月25日 14:10
  • 2228

一个使用Java jdk8中Nashorn(Java javascript引擎)设计的Web开发框架

使用Nashorn开发Web的框架,效率高
  • alaclp
  • alaclp
  • 2014年06月23日 09:15
  • 1167

简单介绍JS与JSP的区别

参考了一些网上的资料,总结了一下 1、JSP全称是java server page    JS全称是javaScript 2、最主要的区别是运行位置不同。 JSP运行在后台服务器上,...
  • sc9018181134
  • sc9018181134
  • 2015年08月10日 20:10
  • 5517

Echo2一个基于事件驱动的web框架(开源)

Echo2 是在一个在原Echo Web FrameWork基础上重新改造,构建于Ajax (Asynchronous JavaScript and XML)异步的javascript和xml机制的表...
  • zmxj
  • zmxj
  • 2005年03月29日 17:22
  • 2182
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:事件驱动的Web之旅——JSP与JavaScript的融合(续)
举报原因:
原因补充:

(最多只允许输入30个字)