jquery 如何防止json-server在发布后重新加载页面?

k75qkfdt  于 2022-12-12  发布在  jQuery
关注(0)|答案(2)|浏览(132)

我正在使用Json Server来模拟API请求,我遇到了一个恼人的行为,我所做的每一个帖子都导致页面重新加载...我已经阅读了他们的API文档,但没有任何结果。我正在使用一个简单的jquery AJAX 请求,看起来像这样:

$.ajax({
url: 'http://localhost:3000/list',
type: 'post',
data: itemObj,

dataType: 'json',

success: function (itemObj) {
 
  todoListArr.push(itemObj);
  createMarkup(); 
  $(this).val(''); // clear input
  return false;

  }
});

我已经尝试了e.preventDefault(),但它与 AJAX 调用无关-它是json-server引起的...我正在使用的运行服务器的命令是:npx json-server --监视db.json也尝试了npx json-server

gajydyqb

gajydyqb1#

我有同样的问题,如果您使用VS代码,请尝试不使用Live服务器扩展(禁用它),它应该工作正常。

bvjveswy

bvjveswy2#

这可能是因为live服务器扩展或类似的东西刷新html页面,如果你使用例如vs code live服务器.另一种可能是如果你正在使用一个表单,如果表单内部或外部的东西正在监听同一个提交事件,这可能会导致事件冒泡,所以你也可以尝试e.stopPropagation();.

相关问题