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