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

最新推荐文章于 2022-04-03 16:33:05 发布

HoldBelief

最新推荐文章于 2022-04-03 16:33:05 发布

阅读量197

点赞数

分类专栏： JavaScript&Ajax 文章标签： JavaScript Ajax Servlet JSP IE ViewUI

JavaScript&Ajax 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

参考《深入浅出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 οnlοad="createXMLHttpRequest()">
    <select id="choosejsfile">
        <option value="1">第一段代码</option>
        <option value="2">第二段代码</option>
        <option value="3">第三段代码</option>
    </select>
    <input type="button" οnclick="choose()" value="提交">
    <input type="button" οnclick="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函数。
    就是这些，希望朋友们看完多提宝贵的意见，互相促进，谢谢！！！

在附件里是全部代码。

HoldBelief

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用Ajax从服务器段动态生成JavaScript代码

参考《深入浅出Ajax》一书，并且阅读了一位高人的《深入认识javascript中的eval函数》一文，有很多启发，于是我写了一个使用Ajax从服务器段动态生成JavaScript代码的例子，并且使用了eval函数，我是初学者，写此文的目的其实是想让大家给我的代码多提建议，谢谢！！index.jsp&lt;%@ pagelanguage="java" contentType="...
复制链接

扫一扫