newhtml.html:14未捕获SyntaxError:意外的标记':‘
newhtml.html:14未捕获SyntaxError:意外的标记':‘
提问于 2021-01-25 08:38:35
我正在做一个项目，我收到了一个错误。我得到了错误"newhtml.html:14 Uncaught :Uncaught ':‘“，Chrome在这一行提到了这个问题：user.name: $('#name').val();我不知道错误到底在哪里！我认为一切都应该很好，但我不明白为什么:不知何故抛出了这一点..有什么建议吗？
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var user={};
$("#submit").click(function() {
user.name: $('#name').val();
user.email: $('#email').val();
user.password: $('#password').val();
user.confirmpassword: $('#confirmpassword').val();
var userObj = JSON.stringify(user);
.ajax({
type: "POST",
url: "http://localhost:8080/WebApplication6/webresources/generic/all",
data: userObj,
contentType: "application/json; charset=utf-8",
success: function()
{
alert('Success');
},
error: function(error)
{
alert(error);
}
});
});
});
</script>
<h2>Sign In</h2>
<div class="col-lg-6 mt-5 mt-lg-0" data-aos="fade-left" data-aos-delay="100">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Username" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" id="password" placeholder="Password" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<input type="password" class="form-control" name="confirmpassword" id="confirmpassword" placeholder="Confirm Password" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="text-center"><button name="submit" id="submit" >Sign In</button></div>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2021-01-25 09:05:26
$(document).ready(function() {
$("#submit").click(function() {
var user={name: $('#name').val(), email: $('#email').val(), password: $('#password').val(), confirmpassword: $('#confirmpassword').val() };
var userObj = JSON.stringify(user);
$.ajax({
type: "POST",
url: "http://localhost:8080/WebApplication6/webresources/generic/all",
data: userObj,
contentType: "application/json; charset=utf-8",
success: function()
{
alert('Success');
},
error: function(error)
{
alert(error);
}
});
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<h2>Sign In</h2>
<div class="col-lg-6 mt-5 mt-lg-0" data-aos="fade-left" data-aos-delay="100">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Username" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" id="password" placeholder="Password" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<input type="password" class="form-control" name="confirmpassword" id="confirmpassword" placeholder="Confirm Password" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="text-center"><button name="submit" id="submit" >Sign In</button></div>
Stack Overflow用户
发布于 2021-01-25 09:31:43
上面给出的答案，只是想解释一下你的误解。
如果您在定义JSON对象时分配属性，则可以像在代码中一样使用:。例如：
var user = {
"property1": "value1",
"property2": $('#something').val()
};如果要将值赋给这个对象定义之外的变量，则需要使用=。例如：
var user = {};
user.property1 = "value1";
user.property2 = $('#something').val()上面两段代码的结果完全相同，但是您可以看到何时使用:和何时使用=的区别。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65877538
复制相关文章
相似问题
腾讯云开发者
