Gg / 在Google Site結合Google Apps Script建立查詢頁面與Json處理

Gg / 在wordpress結合Google Apps Script建立查詢頁面

是將透過GAS建立的後端程式查詢試算表的查詢表單嵌入wordpress網站中

現在改崁入Google Site(Google協作平台)

方法很簡單

在Google Site 選定的位置插入一個「內崁」區塊

然後把查詢頁面的Html貼入即可


不過,我想特別補充的是GAS的網頁應用程式doGet(e)函式 、doPost(e) 函式

以及傳回資料的ContentService.createTextOutput( )物件方法

在前端的查詢頁面根據使用的函式庫

會有以下方式來發出請求

1)Javescript原生的XMLHttpRequest()

2)Jquery的Ajax()

而在後端處理與回傳資料的程式

如果只有ContentService.createTextOutput(String),就會傳出字串

但是在之後加上setMimeType(mimeType),就會傳出MIME 類型的物件

在接收端也會因為使用的方式不同而有所差異

使用XMLHttpRequest()接收的都會是字串資料–responseText

所以要使用Javascript解析的話,必須使用JSON.parse()轉換字串為Json物件

使用Jquery的Ajax()

後端傳回物件,就是收到物件

可以有2種方式來處理

1)直接利用物件方法取出內容

2)先使用JSON.stringify()轉換物件為Json字串,再用JSON.parse()轉換字串為JavaScript 物件 ,再用物件的方法來取值

用2)的目的主要是要用JSON.stringify() 或 JSON.parse() 可以自訂函數來處理轉換內部資料的關係

如果後端傳回字串,就是收到字串

因此可以使用JSON.parse()轉換字串為JavaScript 物件 ,再用物件的方法來取值

 

參考資料

How to Handle GET and POST HTTP Requests in Google Apps Script

[JavaScript] JSON stringify and parse