実現したいこと
以前、このサイトにて多数の方から教えていただいた、下記の
解決済ページのコードに検索機能を実装しようと思い、試行錯誤したのですが、よく分からなくなりました。
イメージとして「http://xxxx.com/serch?query=検索ワード」の様な感じで、「検索ワード」の部分をテキストボックス等で入力し、ボタンを押すとURL内の文字列が変更されたままページの更新され、
変更後の結果表示を行おうと思っております。
イメージしている流れの画像も載せておこうと思います。
よろしくお願いいたします。
試してみた物
HTML
1 2 <center><input type="text" name="kword" id="text" placeholder="キーワードを入力"> 3 <input type="button" name="serchb" value="検索" onClick="sbutton"></center>
Javascript
1$(function() { 2$("#sbutton").click( function() { 3 // テキストボックスのデータ取得 4 var getData = $("#text").val(); 5 }); 6 var url = "http://www.xxxx.com/search?query=" + this.getData ; 7$.ajax({ // 以後、解決済ページと同じ、JSON取得のコードです。 8
回答2件
あなたの回答
tips
プレビュー