Rails/Jquery Ajax - SyntaxError: Unexpected identifier, but JSON is Valid
Posted
技术标签:
【中文标题】Rails/Jquery Ajax - SyntaxError: Unexpected identifier, but JSON is Valid【英文标题】: 【发布时间】:2017-05-26 17:15:56 【问题描述】:我正在开发一个酒店聚合网站,该网站允许用户调整过滤器(例如价格或客人数量)并通过 ajax 观察住宿的可用性。它建立在带有 CoffeeScript 和 Jquery 的 Rails 4 之上。
这是 JQuery 调用(Coffeescript):
$.ajax '/accommodations/show',
type: 'GET'
dataType : 'script'
data:
privates: include_privates
shared: include_shared
homes: include_homes
price_range: price_range
start_date: start_date
end_date: end_date
num_guests: num_guests
success: (data) ->
#RESPONSE DOES NOT HAPPEN HERE, IS HANDLED IN SHOW.JS.ERB
console.log "Success!"
console.log data
error: (data, status, error) ->
console.log 'How embarassing! Something went wrong - please try your search again. '
console.log "Status: #status"
console.log "Error: #error"
90% 的时间,这段代码都有效。另外 10% 的时间,服务器返回 200 状态(好的),但 Jquery 失败,控制台显示如下:
How embarassing! Something went wrong - please try your search again.
Status: parsererror
Error: SyntaxError: Unexpected identifier
与此问题相关的所有其他 *** 问题看起来都是无效的 JSON 被传递回 Jquery。我在 show.js.coffee.erb 中发现了问题所在。这是我们将 Rails 模型转换为 JSON 的地方,以便可以将其传递给 javascript。
$('.refresh-loading').hide()
//Adding the accommodation modules to the left-hand side
$('#accommodation-modules-wrapper').html("<%= escape_javascript(render partial: 'accommodations/accomm_modules', locals: properties: @accommodations, slider_min: @price_low, slider_max: @price_high)%>")
window.init_isotope()
//Removing the loading icon
$('.refresh-loading').hide()
//THIS IS WHERE THE ERROR IS
//Removing this line fixes the issue
marker_string = '<script>window.accommodation_markers = <%= raw @accommodations.to_json %>;</script>'
raw @accommodations.to_json
的输出如下:
[
"id": 741580,
"name": "Gamer's Paradise in ***lyn!",
"google_place_id": "ChIJOwg_06VPwokRYv534QaPC8g",
"type_code": "hotel",
"external_id": 2243038,
"lat": 40.694426,
"lng": -73.94636,
"location_rating": 9.0,
"overall_rating": 9.0,
"review_count": 13,
"currency_code": "USD",
"average_nightly_price": 30.0,
"image_url": "https://a2.muscache.com/im/pictures/asdfa-4cf7-4222-9204-619200def457.jpg?aki_policy=small",
"url": "https://www.test.com/rooms/13396285",
"review_url": "https://www.test.com/rooms/13396285#reviews",
"accommodation_cluster_id": null,
"created_at": "2016-12-07T11:22:21.319-08:00",
"updated_at": "2016-12-14T08:48:51.073-08:00",
"usd_average_nightly_price": "30.0",
"city_rank": 0,
"city_rank_price": 15,
"city_rank_reviews": 511,
"cluster_rank": 0,
"cluster_rank_price": 0,
"cluster_rank_reviews": 1,
"shared_room": true,
"private_room": false,
"entire_home": false,
"external_uid": null
]
根据JSONLint,此输出有效。我该如何进一步调试和解决这个问题?
【问题讨论】:
@PaulRoub 在这一点上似乎是正确的。尽管您可能应该先转换为 json,然后再将其分配给实例变量并在那里验证是否仍有问题。 @Jeff - 如果我在控制器方法中进行转换(即“原始”),我仍然会遇到同样的问题。 你是如何在控制器动作中验证它的?当它不起作用时,您复制的哈希是否是实例? 我分配了一个实例变量并在控制器中运行 raw。@test = raw @accommodations.to_json
。然后在show.js.coffee,我有<script>window.accommodation_markers = <%= @test %>;</script>
。我复制的哈希是它不起作用时的确切文本。
鉴于marker_string
值周围的单引号,"name": "Gamer's Paradise in ***lyn!"
部分是可疑的。
【参考方案1】:
让我们从一个简化的例子开始,看看会发生什么。如果你在 Ruby 中有这个:
@thing = :id => 741580, :name => "Gamer's Paradise in ***lyn!"
然后在一些 ERB 中你说:
thing = '<%=raw @thing.to_json %>'
然后你会看到这是输出:
thing = '"id":741580,"name":"Gamer's Paradise in ***lyn!"'
这就是你的问题:raw
和 <%= ... %>
都不会引用/转义/编码 '
。 raw
调用只是告诉 ERB 引擎不要对它的参数进行 HTML 编码,并且您没有针对 HTML,因此您可以使用 raw
功能。但是你想要更多,你想要那些引号转义。
可能最简单的做法是使用String#html_safe
和escape_javascript
。但是你在 ERB 生成的 JavaScript 字符串中有 JavaScript,所以你需要双重转义;一些不愉快的事情:
marker_string = '<script>window.accommodation_markers = <%= escape_javascript(escape_javascript(@accommodations.to_json.html_safe)) %>;</script>'
我强烈倾向于重构事物,以便不需要“JavaScript 字符串中的<script>
”hackery。三层编码/转义有点多,而且很容易出错。
【讨论】:
以上是关于Rails/Jquery Ajax - SyntaxError: Unexpected identifier, but JSON is Valid的主要内容,如果未能解决你的问题,请参考以下文章
ajaxSetup 不适用于 Rails / jquery-ujs
在 Rails 3 中处理 JS/ERB 模板中的 JSON