Question

我正在尝试获取用户名并使用html页面中的javascript将其指向另一个页面。我只是按照提到的方法here，但是，我在代码中提到的行中遇到语法错误。我已经检查了jQuery API文档的语法，看起来是正确的。任何人都可以检查它为什么会抛出错误？另外，如果我必须在点击提交按钮后重定向页面，我是朝着正确的方向前进吗？

<!DOCTYPE html>
<html>
<head>  
<title>Login Page</title>
<style type="text/css">
        html,body{height: 100%; padding:0; margin:0;}
        form{ width:30em;height:9em; margin:-5em auto 0 auto; position: relative; top:50%; border:1px dotted #ccc; padding:.25em; }
        fieldset{ margin:0;   border:0;padding:0;}
        legend{float:left; font-size: 200%; text-align: center; color:blue; font-weight: bold; border-bottom: 1px solid blue; width:15em;  padding:0; }
        label, label+ input {display:inline; float:left;margin-top:1em;}
        label{text-align: right; width:28%; clear: left; margin-top:.8em; }
        label+ input{ width:60%; padding:.25em; ; margin-left:.5em; border: 1px inset;  margin-left: }
        #sub{  margin-top:1em; position: relative; float:left;clear: left; margin-left: 29%}
</style>
</head>
<body>

    <form >
        <fieldset><legend>My Login</legend>
            <label for="name">UserName: </label><input  type="text" name="username" id="username" value="">
            <label for="password">Password: </label><input  type="password" name="password" id="password" >
            <input type="button" name="theButton" value="Submit" class="btn" data-username="username" />
        </fieldset> 
    </form>

<script>

console.log("Am I present?");

$(document).on('click', '.btn', function() {

    console.log("Am I Inside?");

    var name = $(this).data('username');        
    if (name != undefined && name != null) {
        window.location = 'http://localhost/local/RegistryWS/src/main/webapp/home.html?username=' + name;
    }
});// Getting Syantax error here at developers console



</script>


</body>
</html>

Answer 1

您似乎没有将jquery库加载到文档中：

将此添加到头部：

2016-05-31 - 2016-05-05 = 26 days
2016-07-31 - 2016-06-01 = 1 months
2016-08-10 - 2016-08-01 = 26 days

以下只是您现有的代码进行了更改（以及将click函数包装在文档就绪的包装器中）并且它没有错误并在按钮单击时调用该消息。

＆＃13;

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

未捕获的SyntaxError：即使语法正确

1 个答案: