Question

我是JavaScript的新手，当我尝试原型时，这是一个问题。

我希望在加载后用Ajax.updater更新sample.jsp，但它不起作用。这里是smaple.jsp的来源。

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script src="prototype.js"></script>
        <script>
            function f1(){
                var ajax = new Ajax.updater(
                {success: 'state'},'part.html'
                ,{method:'get'});
            }
            document.observe('dom:loaded', function() {
                f1();
            });

        </script>
    </head>
    <body>
        state:
        <div id="state"></div>
        <br>
    </body>
</html>

有人能告诉我我的代码有什么问题吗？

Answer 1

为初学者尝试“Ajax.Updater”（大写U）

我也建议您尝试使用firefox和firebug插件，这是调试javascript的好方法

Answer 2

我尝试了另一个，它可以正常工作

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>AJAX Zip Checker </title>
        <link rel="stylesheet" href="style.css" type="text/css" />
        <script src="prototype.js"></script>
        <script type="text/javascript" language="JavaScript">
            function checkZip() {
                if($F('zip').length == 5) {
                    var url = 'checkzip.jsp';
                    var params = 'zip=' + $F('zip');
                    var ajax = new Ajax.Updater(
                    {success: 'zipResult'},
                    url,
                    {method: 'get', parameters: params, onFailure: reportError});
                }
            }
            function reportError(request) {
                $F('zipResult') = "Error";
            }
        </script>
    </head>
    <body>

        <label for="zip">zip:</label>
        <input type="text" name="zip" id="zip" onkeyup="checkZip();" />
        <div id="zipResult"></div><p/>

    </body>
</html>

checkzip.jsp

<%
        String zip = request.getParameter("zip");
        if (zip.equals("10009")) {
%>
new york
<%} else {%>
unknown
<% }%>

有谁可以告诉我差异？

Ajax.updater问题

2 个答案: