mock data

http-server


index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  hello
  <script>
    var xhr = new XMLHttpRequest()
    xhr.open('GET', '/hello.json', true)
    xhr.send()
    xhr.addEventListener('load', function () {
      console.log(xhr.status)
      if((xhr.status >= 200 && xhr.status < 300) || xhr.status ===304){
        var data = xhr.responseText
        console.log(data)
      }else{
          console.log('error')
      }
            
    })
  </script>
</body>
</html>

hello.json

{
  "name": "liujianli",
  "age": "2"
}

GitHub mock


在 gitbub 上 mock 数据,类似本地的操作

Easy Mock


  1. 打开 https://easy-mock.com/
  2. 创建项目,填写项目名称,填写 URL
  3. 打开项目,创建接口
  4. 复制接口地址可用
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,124评论 0 3
  • 自从一个偶尔的机会接触爱叛逆课程,起初是听到喜马拉雅一位妈妈的分享,第一次听到,感觉到,教育孩子,尤其是...
    菩提树下_1b26阅读 1,371评论 0 1
  • 班车载走了一天的疲惫,撩人的夜色给这个城市的人太多诱惑。想触摸月光、想捧着星星、想要一朵永不凋零的玉兰。 在夜里,...
    A小纸船阅读 1,046评论 0 1
  • 机遇只对进取有为的人开放,庸人永远无法光顾。 古之成大事者,不惟有超士之才,亦有坚忍不拔之志。
    礼易之道阅读 1,657评论 0 1