✍ 📁 🙈 🙉 🙊 : Google 試算表－建立免費雲端資料庫

Google 試算表 / 表格建立免費雲端資料庫
第 4 步表格回應試算表篩選/排序

1) 篩選內容所有
https://spreadsheets.google.com/feeds/list/16Mr5GXjEHkPnGjvoi01QVoXfavNe94iyGQOdFSkrJus/1/public/values?alt=json-in-script

var json = xhr.responseText;
var obj = JSON.parse(json.slice(28,json.length-2));
var spData=obj.feed.entry;
var OUTDP =  "";

OUTDP += "spData.length = " + spData.length + "<br><br>";
OUTDP += "<table border='1'><tbody>";
OUTDP += "<tr><td>日期" ;
OUTDP += "</td><td>姓名" ;
OUTDP += "</td><td>姓別" ;
OUTDP += "</td><td>年齡" ;
OUTDP += "</td><td>電話" ;
OUTDP += "</td><td>中文分數" ;
OUTDP += "</td><td>備忘</td></tr>" ;
for(var i=0 ; i<spData.length ;i++){

OUTDP += " <tr><td>" + spData[i].gsx$日期.$t ;
OUTDP += "</td><td>" + spData[i].gsx$姓名.$t ;
OUTDP += "</td><td>" + spData[i].gsx$姓別.$t ;
OUTDP += "</td><td>" + spData[i].gsx$年齡.$t ;
OUTDP += "</td><td>" + spData[i].gsx$電話.$t ;
OUTDP += "</td><td>" + spData[i].gsx$中文分數.$t ;
OUTDP += "</td><td>" + spData[i].gsx$備忘.$t ;
OUTDP += "</tr>" ;
}
OUTDP += "</tbody></table>" ;

DP.innerHTML = OUTDP ;
</script>

2) 篩選內容 (女) 資料庫試算表網址後面加入 &q=女
https://spreadsheets.google.com/feeds/list/16Mr5GXjEHkPnGjvoi01QVoXfavNe94iyGQOdFSkrJus/1/public/values?alt=json-in-script&q=女

var json = xhr.responseText;
var obj = JSON.parse(json.slice(28,json.length-2));
var spData=obj.feed.entry;
var OUTDP =  "";

DP.innerHTML = OUTDP ;
</script>

3) 篩選內容 (男) 資料庫試算表網址後面加入 &q=男
https://spreadsheets.google.com/feeds/list/16Mr5GXjEHkPnGjvoi01QVoXfavNe94iyGQOdFSkrJus/1/public/values?alt=json-in-script&q=男

var json = xhr.responseText;
var obj = JSON.parse(json.slice(28,json.length-2));
var spData=obj.feed.entry;
var OUTDP =  "";

DP.innerHTML = OUTDP ;
</script>

4) 篩選內容中文分數 50 至 85之間
資料庫試算表網址後面加入 &sq=中文分數>50 and 中文分數<85
https://spreadsheets.google.com/feeds/list/16Mr5GXjEHkPnGjvoi01QVoXfavNe94iyGQOdFSkrJus/1/public/values?alt=json-in-script&sq=中文分數>50 and 中文分數<85

var json = xhr.responseText;
var obj = JSON.parse(json.slice(28,json.length-2));
var spData=obj.feed.entry;
var OUTDP =  "";

DP.innerHTML = OUTDP ;
</script>

5) 內容中文分數排序
資料庫試算表網址後面加入 &orderby=column:中文分數，從小至大排序，
https://spreadsheets.google.com/feeds/list/16Mr5GXjEHkPnGjvoi01QVoXfavNe94iyGQOdFSkrJus/1/public/values?alt=json-in-script&orderby=column:中文分數

var json = xhr.responseText;
var obj = JSON.parse(json.slice(28,json.length-2));
var spData=obj.feed.entry;
var OUTDP =  "";

DP.innerHTML = OUTDP ;
</script>

資料庫試算表網址後面加入 &orderby=column:中文分數&reverse=true，從大至小排序，
https://spreadsheets.google.com/feeds/list/16Mr5GXjEHkPnGjvoi01QVoXfavNe94iyGQOdFSkrJus/1/public/values?alt=json-in-script&orderby=column:中文分數&reverse=true

var json = xhr.responseText;
var obj = JSON.parse(json.slice(28,json.length-2));
var spData=obj.feed.entry;
var OUTDP =  "";

DP.innerHTML = OUTDP ;
</script>

✍ 📁 🙈 🙉 🙊

html 測試上入下出

html 測試左右各一測試

html 測試單入單出

html 測試左入右出

class="ot"

尾部連結 hbbb(xx)

2020年6月2日星期二