Html按鈕發送發佈請求以從表中檢索.json中的信息

我有一個簡單的html文件，其中包含一個名爲Display Animal的按鈕。我有一個單獨的.json文件，它以各種方式存儲各種動物。我想要做的是點擊顯示動物我想從這個json文件中獲取信息並將其顯示在屏幕上的表格中。我正在使用Express，Node，jQuery和Javascript。請注意，我正在運行顯示簡單html文件的服務器。我不確定如何做到這一點的結構？就像在我的html文件中，我有我的onClick方法或在我的服務器文件？另外，我如何獲取這些信息？我正在嘗試使用GET或POST請求來完成此操作。Html按鈕發送發佈請求以從表中檢索.json中的信息

來源

2016-11-01 Teodorico Levoff

你使用的是前端庫（如jQuery或Angular）還是你想用JavaScript本地執行此操作？

如果前者存在內置的HTTP請求API（例如jQuery.POST()或$http）。如果是後者，則需要查看本機XMLHttpRequest。

不是一個複雜的答案，但你的問題是非常廣泛的。我會離開閱讀文檔給你。

來源

2016-11-01 04:19:01 brandonscript

我正在使用jQuery，而不是Angular。儘管我只喜歡JavaScript。我對jQuery沒有太多的經驗。 –

然後，我的第一個鏈接是您需要閱讀的文檔。 – brandonscript

在後端創建一個獲得服務，以表達它會是這樣的

var app = express(); 

app.get ('/animals', function (req, res){ 
// your code to parse and return your list of animals, function (err, data) { 
res.end (data) }

這不是100％的工作代碼，但給你一個想法get會如何被格式化。

然後你可以用你的按鈕onclick使用jquery.get（）或寫出一個javascript xmlhttprequest。

Jquery會更容易，但對於你自己想要做的事情，有很多關於在JavaScript中編寫xhr的教程。

編輯：我寫了這個響應一個獲取請求。如果你想使用發佈它本質上是相同的，使用jquery.post（）作爲其他答案建議，而不是app.get它將是app.post。

對於數據像動物我會使用得到，你只顯示信息，不需要改變它和a，除非你傳遞敏感信息獲取將爲您的目的服務良好。

來源

2016-11-01 04:51:30 jcalton88

Html按鈕發送發佈請求以從表中檢索.json中的信息

回答

相關問題