前提・実現したいこと
JQueryを使用してAPIのフロントを実装しているのですが、テキストボックスに入力した値からAPIでJSONデータを取ってきたいです。
現在は固定値としています。↓の11094000の部分をテキストボックスに入力した値を入れたいです。
$.get('http://localhost:3000/result/11094000'
)
該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>jQuery</title> </head> <body> <form> <div> <label for="zip">項目コードを入力:</label><br /> <input id="zip" type="text" size="10" /> <input id="search" type="button" value="検索" /> </div> <div> <label for="code">項目コード:</label><br /> <input id="code" type="text" size="35" /> </div> </form> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script> $(function() { // [検索]ボタンクリックで検索を実行 $('#search').click(function() { $.get('http://localhost:3000/result/11094000' ) // 結果を取得したら… .done(function(data) { $('#code').val(data.id + data.name + data.breaks); console.log(data); //} }); }); }); </script> </body> </html>
> ↓の11094000の部分をテキストボックスに入力した値を入れたいです。
> $.get('http://localhost:3000/result/11094000'
意味が分かりません。その URL に GET 要求を出して返ってきた応答(JSONデータ?)を加工してテキストボックスに入れるのではないのですか?
$.get('http://localhost:3000/result/テキストボックスの値
で要求を出したいです、、
"http://localhost:3000/result/" + $(#zip).val() とかすれば良いのでは?
ありがとうございます!
無事実装できました!
回答1件
あなたの回答
tips
プレビュー