私はDisplay Animalというボタンを持つ簡単なhtmlファイルを持っています。私は、さまざまな動物が何らかの形で保存されている別個の.jsonファイルを持っています。私がしようとしているのは、Display Animalのクリックです。このjsonファイルから情報を取り出し、それを画面上のテーブルに表示したいと思います。 Express、Node、jQuery、Javascriptを使用しています。私は単純なhtmlファイルを表示するサーバーを実行していることに注意してください。私はこれをどうやって行うのかについてはほとんど分かりません。私のhtmlファイルのように、そこにonClickメソッドがありますか、それとも私のサーバーファイルにありますか?また、この情報を取得するにはどうすればよいですか?私はGETまたはPOST要求を使用してこれを達成しようとしています。テーブル内の.jsonから情報を取得するためのポストリクエストを送信するためのHTMLボタン
0
A
答えて
0
フロントエンドライブラリ(jQueryやAngularなど)を使用していますか、JavaScriptでこれをネイティブに実行しようとしていますか?
前者の場合、それぞれにHTTPリクエストAPIが組み込まれています(例:jQuery.POST()
または$http
)。後者の場合は、ネイティブXMLHttpRequest
を調べたいと思うでしょう。
洗練された答えではありませんが、あなたの質問は非常に広いです。私はあなたにドキュメントを読んでおきます。
0
それは100%の作業コードではありませんが、あなたのGETをフォーマットする方法のアイデアを与える
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) }
ようなものになるだろう表現で、あなたのバックエンドでGETサービスを作成します。
次に、ボタンをクリックしてjquery.get()を使用するか、javascript xmlhttprequestを書き出すことができます。
Jqueryは簡単ですが、自分でやりたければ、javascriptでxhrを書く際のチュートリアルがたくさんあります。
編集:getリクエストに応じてこれを書いています。投稿を使用する場合は基本的に同じですが、jquery.post()を使用すると、他の回答が示唆するようになり、app.getの代わりにapp.postになります。
動物のようなデータを取得する場合は、変更する必要がない情報のみを表示しています。機密情報を渡さない限り、目的が正しく機能しません。
関連する問題
- 1. 3つのテーブルから情報を取得するためのMysqlクエリ
- 2. JSONドキュメントを送信するためのoxwallの取得
- 3. データベースからデータを取得/送信するためのAPI
- 4. JSONオブジェクトの内部深さから情報を取得する
- 5. タイプ情報を保持するためのServiceStackの取得
- 6. Curlを使ってhtmlテーブルから情報を取得する
- 7. メールサーバからメールを送信するために必要なユーザ情報
- 8. WMI情報を取得するためのシャープコード
- 9. usb情報を取得するためのudev/Bashスクリプト
- 10. Spring Social Facebook Appユーザー情報を取得するためのセットアップ
- 11. デバイス情報を取得するためのCisco ISE REST API
- 12. サービス資格情報を取得するためのBluemix API
- 13. 容量情報を取得するためのacess tfs
- 14. クロール情報を取得するためのSharePoint API
- 15. 配布情報を取得するためのLinuxコマンド
- 16. ネストされたJSON値から情報を取得する
- 17. Azure Active Directoryからユーザー情報を取得するためのVBSスクリプト
- 18. "Django-ish"形式のクエリーを送信するためのHTMLフォームを取得
- 19. 送信ボタンなしで入力を読み取るためのスウィングの取得
- 20. HTTPSを介して資格情報を送信するための明確化
- 21. 外部ソースからの情報を受信するためのWebサービス
- 22. アドレスバーから情報を取得し、指定されたファイルを含めるためのPHP関数(動的ページ?)
- 23. 2つのテーブルから情報を取得するためにSQLクエリが必要
- 24. アンバーアラート情報を取得するためのプログラミングインターフェイス/ Webサービスはありますか?
- 25. ボタンプロパティの情報を取得するためにJButtonをサブクラス化する
- 26. 位置情報を取得するためのサービスを実行する
- 27. Flex:coldfusionファイルに情報を送信した後、URLLoaderからのフィードバックを得る
- 28. MVC3コントローラからJsonを取得するためのAjaxコール
- 29. 特定のjsonファイルから情報を取得する方法
- 30. Schema.orgからJSON-LD情報を取得
AngularではなくjQueryを使用しています。私はJavaScriptだけを好みますが。私はjQueryの経験があまりありませんでした。 –
私の最初のリンクは、読んでおく必要があるドキュメントです。 – brandonscript