我有供应商的数据表。最后一列有一个删除按钮,用于打开确认删除供应商的模式:
删除按钮:
setInterval()
模态:
<a data-toggle="modal" class="modalActivator" value="{{supp['supplierId']}}" name="{{supp['navn']}}" data-target="#deleteConfirmModal"><span class="glyphicon glyphicon-trash"></a>
通过单击“模态删除”按钮,会向网址:/ supplier / remove发送ajax帖子,其中供应商已从数据库中删除。 数据在URL上接收并显示在控制台中,但是不会触发ajax成功。
我尝试将dataType更改为文本,但仍未触发。在Chrome网络工具中,帖子显示为待处理
<div class="modal fade" id="deleteConfirmModal" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">You are about to delete:<br /></h4>
</div>
<div class="modal-body">
<p>Do you want to continue?</p>
</div>
<div class="modal-footer">
<button type="button" id="modal-delete" class="btn btn-primary" data-dismiss="modal">Delete supplier</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
Chrome网络工具:
一般 请求网址:http://localhost:8080/api/supplier-list/remove?callback=jQuery220026602954184636474_1456116313463 请求标题 显示临时标题 接受:text / javascript,application / javascript,application / ecmascript,application / x-ecmascript, / ; Q = 0.01 内容类型:应用/ X WWW的窗体-urlencoded;字符集= UTF-8 来源:localhost:8080 Referer:/ localhost:8080 / api / supplier-list 用户代理:Mozilla / 5.0(Windows NT 6.3; WOW64)AppleWebKit / 537.36(KHTML,与Gecko一样)Chrome / 48.0.2564.116 Safari / 537.36 X-要求 - 由于:XMLHttpRequest的 查询字符串参数 回调:jQuery220026602954184636474_1456116313463 表格数据 供应商ID:5
答案 0 :(得分:0)
我发现了问题。我犯了这个错误,因为我对ajax和nodejs很新。
发送和接收数据。我不知道的是我必须从收到数据的文件中做出回应。 这是来自url的代码:api / supplier-list / remove:
apiRouter.post('/supplier-list/remove/', function(req,res) {
console.log(' I got it!! ' + req.body.supplierId);
res.json('Data was found');
});
只要我在代码中添加了最后一行,就会触发ajax的成功函数:
{{1}}