使用Ajax从服务器段动态生成JavaScript代码

holdbelief

浏览: 707568 次
性别:
来自: 北京

最近访客更多访客>>

fengqingyebai

qq470497848

praise_song

my_program

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript&Ajax

JavaScript Ajax Servlet JSP IE

参考《深入浅出Ajax》一书，并且阅读了一位高人的《深入认识javascript中的eval函数》一文，有很多启发，于是我写了一个使用Ajax从服务器段动态生成JavaScript代码的例子，并且使用了eval函数，我是初学者，写此文的目的其实是想让大家给我的代码多提建议，谢谢！！
index.jsp
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script language="JavaScript" type="text/javascript">

</script>
<title>Insert title here</title>
</head>
<body onload="createXMLHttpRequest()">
    <select id="choosejsfile">
        <option value="1">第一段代码</option>
        <option value="2">第二段代码</option>
        <option value="3">第三段代码</option>
    </select>
    <input type="button" onclick="choose()" value="提交">
    <input type="button" onclick="fun()" value="测试">
    
</body>
</html>

服务器段代码：
xmlHttp.open("GET",
             "ProcessServlet?choose="+document.getElementById("choosejsfile").value,
             true);//这个open方式是使XMLHttpRequest提交到一个Servlet
假设open方法指定提交到一个Servlet，名字叫ProcessServlet，我现在把这个Servlet的代码贴出来，
如果是提交到一个jsp，代码相同，提交到哪里不是关键。
ProcessServlet.java（只贴doGet方法了）
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
    {
        request.setCharacterEncoding("GBK");
        response.setCharacterEncoding("GBK");

        String choose = request.getParameter("choose");
        StringBuffer sb = new StringBuffer();

        if(choose != null && !choose.equals(""))
        {
            if(choose.equals("1")) //下拉菜单选择“第一段代码”
            {
                System.out.println("返回第一段代码");
                response.addHeader("Content-Type","text/html");
                sb.append("var fun = function(){alert( '执行第一段代码,我是由服务器端的Servlet传来的');return '执行第一段代码';}");
            }
            else if(choose.equals("2")) //下拉菜单选择“第二段代码”
            {
                System.out.println("返回第二段代码");
                response.addHeader("Content-Type","text/html");
                sb.append("var fun = function(){alert( '执行第一段代码,我是由服务器端的Servlet传来的');return '执行第一段代码';}");
            }
            else if(choose.equals("3")) //下拉菜单选择“第三段代码”
            {
                System.out.println("返回第三段代码");
                response.addHeader("Content-Type","text/XML");
                sb.append("var fun = function(){alert( '执行第一段代码,我是由服务器端的Servlet传来的');return '执行第一段代码';}");
            }
            //服务器返回给index.jsp的response
            response.getWriter().write(sb.toString());
        }
        else
        {
            System.out.println("bad reqest");
        }
    }

运行界面：
起始页：

    先点击“提交”按钮，提交到Servlet，在Servlet中拼出来一个字符串：
"var fun = function(){alert( '执行第一段代码,我是由服务器端的Servlet传来的');return '执行第一段代码';}"
    通过response把这段字符串传回index.jsp，index.jsp通过eval方法执行上述字符串，就动态声明了一个叫fun的JavaScript函数。
    点击“测试”按钮，点击事件中调用fun函数。
    就是这些，希望朋友们看完多提宝贵的意见，互相促进，谢谢！！！

在附件里是全部代码。

DongTaiJiaZaiDaiMai.rar (95.9 KB)
描述: 使用Ajax从服务器段动态生成JavaScript代码的全部源代码
下载次数: 42

分享到：

深入认识javascript中的eval函数 | 关于XMLHttpRequest.open()设置提交方式 ( ...

2008-07-31 15:12
浏览 2177
评论(0)
论坛回复 / 浏览 (0 / 1540)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论