iT邦幫忙

3

JS 能不能 不透過後端 生成JSON或TXT

如提

JS+PHP
https://blog.25sprout.com/javascript-ajax-%E7%B0%A1%E5%96%AE%E5%84%B2%E5%AD%98-json-%E8%B3%87%E6%96%99-28d09d83a849

想請教 有沒有前端框架 或者 原生JS JQ 可以做一個類似功能

不用API 不用PHP 生成檔案(儲存或覆蓋)

echochio iT邦研究生 3 級 ‧ 2019-11-09 00:01:31 檢舉
可以呀 ... 只要 權限足夠 ....
4
dragonH
iT邦大師 1 級 ‧ 2019-11-08 10:09:31
最佳解答

那篇我看完還是不知道他要做啥

你要不要考慮直接說你的需求和預期的結果 /images/emoticon/emoticon11.gif

不想用後端存資料

簡單的可以直接用 localStorage

看更多先前的回應...收起先前的回應...
咖冰拉 iT邦新手 4 級 ‧ 2019-11-08 10:13:26 檢舉

可以用來做表單
做個簡單的POST 儲存成JSON

dragonH iT邦大師 1 級 ‧ 2019-11-08 10:19:28 檢舉

咖冰拉

那可以用 Blob

codepen

咖冰拉 iT邦新手 4 級 ‧ 2019-11-08 10:23:47 檢舉

謝謝H大 你真的好神奇XD

/images/emoticon/emoticon41.gif

dragonH iT邦大師 1 級 ‧ 2019-11-08 10:26:12 檢舉

/images/emoticon/emoticon42.gif

賀 ! dragonH通靈技能滿點 !
/images/emoticon/emoticon42.gif/images/emoticon/emoticon42.gif/images/emoticon/emoticon42.gif

1
sslinn
iT邦新手 5 級 ‧ 2019-11-08 10:11:58

Json Server ?

1
阿展展展
iT邦研究生 2 級 ‧ 2019-11-08 10:24:49

JSON 只是一個傳遞資料的方式,應該說大部分前後端溝通都用 JSON

Ajax 非同步 JavaScript 及 XML(Asynchronous JavaScript and XML,AJAX) 並不能稱做是種「技術」,而是 2005 年時由 Jesse James Garrett 所發明的術語,描述一種使用數個既有技術的「新」方法。

Ajax 主要用於非同步資料確認,一開始會接觸到的功能比較像「比對本帳號是否已被使用」

框架 簡單兩個字 談起來就像滔滔江水綿延不絕,可以說上三天三夜 欸?
接下來你就會看到 MVC這個什麼鬼東西 接著是MVVM


所以..你是想要做什麼/images/emoticon/emoticon19.gif

小魚 iT邦大師 1 級 ‧ 2019-11-08 10:40:49 檢舉

MVW

阿展展展 iT邦研究生 2 級 ‧ 2019-11-08 11:57:53 檢舉

MVWTF

3
eric19740521
iT邦新手 4 級 ‧ 2019-11-11 15:40:43

可以把資料放在網頁裡面阿
比如陣列....

讓js去讀取陣列,然後跑出你要的畫面...

我使用的是vs.js框架,底下的範例如下

 <template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      }
    }
  </script>

我要發表回答

立即登入回答