1

我已经有一段时间了，但我错过了一些东西。我刚刚设置了一个返回 JSON 的简单 Sinatra 应用程序：

get '/json' do
  content_type :json
  $data.to_json
end

这工作正常，然后我用来执行跨域请求的 javascript 是

$.getJSON("http://domain.com/json?callback=?", function(data) {
   console.log(data);
});

不幸的是，我只是在控制台中不断收到错误，Uncaught SyntaxError: Unexpected token :尽管我已经尝试使用该$.ajax方法，但我仍然得到相同的结果。

这是我的服务器或客户端代码上的错误吗？任何帮助表示赞赏。

4

2 回答 2

2

您提到您正在发出跨域请求。对于 JSONP，您需要包装 json 响应以模拟函数调用。有一个Sinatra 助手可以轻松完成。

于 2012-11-03T19:39:37.590 回答
1

这里有不同端口的工作示例

Ruby 与 Sinatra

require 'rubygems'
require 'sinatra'
require "sinatra/jsonp"

get '/note/all/' do
  data = ["hello","hi","hallo"]
  JSONP data      # JSONP is an alias for jsonp method
End

托管在 apache 上的 HTML

<head id="Head1" runat="server">
    <title> English </title>
    <link href="Styles/Site.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        // to update alternative address
        $('#Updateprofile').click(function () {
        var key = "nickname"
            var details = $('#nickname').val();
        $.ajax({
            type: 'GET',
            url: 'http://localhost:4567/note/all/',
            crossDomain: true,
            data: '',
            dataType: 'jsonp',
            success: function(responseData, textStatus, jqXHR) {
            $('#controlstatus').html(+responseData);
            },
            error: function (responseData, textStatus, errorThrown) {
            alert('POST failed.'+textStatus);
            }
        });
        });
    });
</script>
</head>
<body>
    <form id="mstform" method="post" runat="server">
<input id="nickname" type="text" style="border: thin solid #C0C0C0; background-color: #EFEFEF;
        width: 300px;" />
   <br />
    <br />
    <img alt="update" id="Updateprofile" src="images/save.png" title="Clicking this button will update your profile" />
   <br />
    <br />
<div id="controlstatus"> details should be here
</div>
    </form>
</body>
于 2013-09-28T03:03:53.920 回答