简单的 AJAX 按钮单击(服务器是本地的)不起作用

Question

我是AJAX的新手，我已经尝试了最简单的方法之一(我想(，要加载HTML网页，请单击按钮并显示警告框。由于某种原因，我尝试过的所有示例(使用GET，POST，不同的语法等(都不起作用。我的网络服务器是本地的，我使用节点js，express和ejs。互联网上似乎有很多这个按钮点击的例子，但关于本地服务器的任何内容都没有奏效。我测试的浏览器是谷歌浏览器。

<script type="text/javascript">
$(document).ready(function(){
$('btn').on('click', function(){
$.ajax({
'url': '/gebruikerpagina',
'type': 'POST',
succes: function(st){
if(st === "succes"){
alert('Clicked');
}  
}
})
}); 
}); 
</script>
<button type="button" id="btn">Change Content</button>

这是在我的HTML文件中(jquery也导入在头部(，下一个代码在我的js中：

app.post('/gebruikerpagina', function(req,res){
res.render('../gebruikerpagina')
});

Answer 1

请考虑以下代码。

$(function() {
$('#btn').click(function() {
$.ajax({
url: "./gebruikerpagina",
type: "POST",
succes: function(st) {
console.log(st);
if (st === "success") {
console.log("Success");
}
},
error: function(x, e, t) {
console.log(e, t);
}
})
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="btn">Change Content</button>

这种性质的代码将向控制台提供更多反馈，并且更易于诊断。此代码还使用正确的选择器。

Se More： https://api.jquery.com/jquery.ajax/