gpt4 book ai didi

javascript - 如何使用按钮和jquery向 Node 发送DELETE请求?

转载 作者:行者123 更新时间:2023-12-03 04:33:34 26 4
gpt4 key购买 nike

我有一个网页显示“资源”(也称为 mongodb 集合中的一个条目),在该网页上我想要一个“删除”按钮,该按钮将向服务器发送“删除”请求到正确的路线。路由器可以工作(因此,当我使用外部程序发送删除请求时,该条目将被删除),但我想通过链接进行相同的操作。

显然,在做了一些研究之后,我需要使用 ajax 函数来做到这一点,如 this post 中所示。 。问题是我无法让它工作(可能是因为我刚刚开始使用 jquery),当我单击按钮时似乎没有任何反应。但如果我尝试一个简单的alert(),它就会起作用 ('#delete').on('click',function(){alert('clicked')});

所以

这是基本的 html :

$('#delete').on('click', function() {
alert('click');
//here would be the code to send the DELETE request ?
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Storystrap Template</title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- bower:css -->
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css" />
<!--endbower-->
<!-- bower:js -->
<script src="/lib/jquery/dist/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="/js/printplugin.min.js"></script>

<!--inject:js-->
<script src="/js/app.js"></script>
<script src="/js/modernizr-custom-touch.js"></script>


</head>

<body>
<button class="delete" data-target="/" data-method="DELETE" data-disabled="true">Delete Ressource</button>
</body>

</html>

这是node.js中的路由代码(如果我手动发送DELETE请求,该代码就可以工作),id应该在页面的链接中

ressourcesRouter.route('/ressources/t/:ressourcesId')
// permet d'afficher UNE ressource spécifique
.get(function(req,res){

var returnRessource = req.ressource.toJSON();

res.render('ressourceView', {
title: 'Ressources',
ressource: returnRessource
});

})
.delete(function(req,res){
req.ressource.remove(function(err){
if(err)
res.status(500).send(err);
else{
res.status(204).send('Removed');
console.log('ressource supprimée');
}
});
});

你能帮我找出所需的ajax代码吗?或者还有其他方法吗?如果需要,请随时索要更多代码,我会尽快使用react,快速答复您。

致以诚挚的问候。

最佳答案

查看 jQuery ajax 文档:http://api.jquery.com/jquery.ajax/

$.ajax({
url: '/ressources/t/123',
method: 'DELETE',
data: yourdata
})
.done(function( data ) {
console.log(data);
});

关于javascript - 如何使用按钮和jquery向 Node 发送DELETE请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43389704/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com