###前提・実現したいこと
HTMLでjQuery、AJAXを使用して検索先のページをURLを変えずにその場に表示させる機能を実装したいのですが、うまく動きません。
###発生している問題・エラーメッセージ
ページが飛んでしまう。飛ぶページ先がHTMLでなく普通のリンク先のためそもそも無理なのか。
###ソースコード
<!DOCTYPE HTML> <HTML> <head> <link rel="stylesheet" href="./css/jquery-ui.min.css"> <script src="./js/jquery.js" charset="UTF-8"></script> <script src="./js/jquery-1.9.0.min.js" charset="UTF-8"></script> <script src="./js/jquery-ui.js" charset="UTF-8"></script> <script src="js/Suggest.js"></script> </head> <body> //ここのリンク先をその場に表示させたいです。現状は,http://(中略)search?car_name=(入力した単語)で検索ページを表示させている <form method="get"action="http://localhost:8180/api/stock/search?q=" Accept-charset="UTF-8"> <input type="text" id="ac2" name="car_name" > <input type="button" onclick="return test()" value="検索"></form> </body> </HTML>
続いて返ってくるJSONデータです。中身の部分は記述を少し変えています。
JSON
1[ { 2 "timestamp" : "2015-11-16T06:44:24.541Z", 3 "id" : "51024876", 4 "cat_id" : "10066581", 5 "first_reg_daytime" : "2015-08-05T02:59:31.000+0000", 6 "maker_cd" : "101", 7 "maker_name" : "トミー", 8 "animal_name" : "ポンタ", 9 "nakigoe_name" : "ワン", 10 "grade_name" : "カラー", 11 "model_num" : "16671", 12 "model_name" : "GSJ15W", 13 "model_year" : 2012, 14 "price" : 3008000, 15 "mileage" : 33, 16 "color_name" : "black", 17 18 "images" : [ { 19 "url" : "0705\\20150722A0000705\\51024876LF001.JPG" 20 }, { 21 "url" : "0705\\20150722A0000705\\51024876IN001.JPG" 22 }, { 23 "url" : "0705\\20150722A0000705\\51024876RR001.JPG" 24 }, { 25 "url" : "0705\\20150722A0000705\\51024876SP014.JPG" 26 }, { 27 "url" : "0705\\20150722A0000705\\51024876SP006.JPG" 28 }, { 29 "url" : "0705\\20150722A0000705\\51024876SP008.JPG" 30 }, { 31 "url" : "0705\\20150722A0000705\\51024876SP010.JPG" 32 }, { 33 "url" : "0705\\20150722A0000705\\51024876SP009.JPG" 34 }, { 35 "url" : "0705\\20150722A0000705\\51024876SP013.JPG" 36 }, { 37 "url" : "0705\\20150722A0000705\\51024876SP011.JPG" 38 }, { 39 "url" : "0705\\20150722A0000705\\51024876SP012.JPG" 40 }, { 41 "url" : "0705\\20150722A0000705\\51024876SP002.JPG" 42 }, { 43 "url" : "0705\\20150722A0000705\\51024876SP001.JPG" 44 }, { 45 "url" : "0705\\20150722A0000705\\51024876SP007.JPG" 46 }, { 47 "url" : "0705\\20150722A0000705\\51024876SP005.JPG" 48 }, { 49 "url" : "0705\\20150722A0000705\\51024876SP003.JPG" 50 }, { 51 "url" : "0705\\20150722A0000705\\51024876SP004.JPG" 52 }, { 53 "url" : "0705\\20150722A0000705\\51024876SP015.JPG" 54 }, { 55 "url" : "0705\\20150722A0000705\\51024876SP020.JPG" 56 }, { 57 "url" : "0705\\20150722A0000705\\51024876SP017.JPG" 58 }, { 59 "url" : "0705\\20150722A0000705\\51024876SP023.JPG" 60 }, { 61 "url" : "0705\\20150722A0000705\\51024876SP018.JPG" 62 }, { 63 "url" : "0705\\20150722A0000705\\51024876SP026.JPG" 64 }, { 65 "url" : "0705\\20150722A0000705\\51024876IM001.JPG" 66 } ], 67 "keywords" : [ "たぬき", "狸", "いぬ" ] 68} ]
###補足情報(言語/FW/ツール等のバージョンなど)
プログラミング経験半年足らずのため何か誤解している部分があるかと思います。
AJAXを勉強したいのですがおすすめの参考書、ブログ等ありましたら教えてください。グーグル検索で見ていますが、わかりにくい。。。
以前に似たような質問をしましたがどうやら自分の伝え方が、認識誤解があったため質問内容を変え再度質問させていただきます。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/11/18 15:45
2015/11/19 03:21 編集
2015/11/19 07:58
2015/11/19 09:10
2015/11/19 09:38
2015/11/19 09:51 編集