为啥在发布或更新时重新加载页面以及使用带有 json 服务器的假休息 api 的项目

Posted 2023-03-27

【中文标题】为啥在发布或更新时重新加载页面以及使用带有 json 服务器的假休息 api 的项目

【英文标题】：why page reload when posting or updating and item using fake rest api with json server为什么在发布或更新时重新加载页面以及使用带有 json 服务器的假休息 api 的项目

【发布时间】：2021-08-27 10:09:08

【问题描述】：

我正在使用 Json-Server 来模拟 API 请求， 在每次获取帖子/更新页面时，我不知道为什么会重新加载，我搜索它并找不到任何解决方案，

注意：我正在关注一个 javascript Tuturial，它并没有从他这边刷新，但它在我这边刷新了，尽管代码是相同的

class EasyHTTP 

  async post(url,data)
    const response = await fetch(url,
                                      method: 'POST',
                                      headers:'content-type':'application/json',
                                      body: JSON.stringify(data)
                                    );
    const resData = await response.json();
    if(resData)
      return resData;
    else
      await Promise.reject(new Error('ERROR: Dont Know'));
    
  


const http = new EasyHTTP();

// Submit POST
document.querySelector('.post-submit').addEventListener('click',submitPost);

function submitPost(e)
  e.preventDefault(); 
   //e.stopPropagation(); 
  const title = document.querySelector('#title').value;
  const body = document.querySelector('#body').value;

  const data = 
    title,
    body
  ;

    http.post('http://localhost:3000/posts',data)
    .then(res => 
      console.log(res);
    )
    .catch(err => console.log(err));

       <input
            type="text"
            id="title"
            class="form-control"
            placeholder="Post Title"
          />
  <textarea
            id="body"
            class="form-control"
            placeholder="Post Body"
          ></textarea>
<button  class="post-submit">Post It</button>

h 帖子，我不知道问题出在哪里，

【参考方案1】：

我找到了解决方案，因为我使用的是 VS 代码，所以我禁用了实时服务器扩展，现在它工作得非常好，没有刷新。