teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

修正したソース追記

2016/10/12 08:16

投稿

hrc
hrc

スコア55

title CHANGED
File without changes
body CHANGED
@@ -76,4 +76,26 @@
76
76
  errorMessage = 'お使いの端末は、GeoLacation APIに対応していません。'
77
77
  alert errorMessage
78
78
  document.getElementById('result').innerHTML = errorMessage
79
+ ```
80
+
81
+ 【修正後ソース(JQuery)】
82
+ ```
83
+ $.ajax
84
+ type: 'GET'
85
+ url: '/near'
86
+ data:
87
+ lat: lat
88
+ lng: lng
89
+ success:(data, textStatus, jqXHR) ->
90
+ htmltext = "<ul class='slide_selector'>"
91
+ for i in [0..4]
92
+ htmltext += "<li class='post clip'><a href ='/" + gon.locale + "/restaurant/" + data[i].id + "'>"
93
+ htmltext += "<img alt='" + data[i].restaurantname + "' src='" + gon.image + data[i].image1 + "' />"
94
+ htmltext += "<ul class='note'><li class='name'>" + data[i].restaurantname + " </li><li class='sta'>" + data[i].station_id + "</li></ul></a></li>"
95
+ htmltext += "</ul></div>"
96
+ $('#restaurant').html htmltext
97
+ return
98
+ error:(jqXHR, textStatus, errorThrown) ->
99
+ $('#result').html 'got error' + textStatus
100
+ return
79
101
  ```