在 jQuery.ajax 中指定 OpenCalais SemanticProxy 服务的回调

Question

我正在尝试查询 OpenCalais 服务 Semanticproxy.com。不幸的是，它们的 url 格式如下：

http://service.semanticproxy.com/processurl/APIKEY/jsonp:handler_function/http://en.wikipedia.org/wiki/Germany

请注意，回调函数不在回调=？参数，而是遵循响应格式 (jsonp:)。这意味着我不能使用 .getJSON，而是需要使用 .ajax 方法。所以我有以下对象定义：

function Subject() {
}

Subject.prototype.populate = function(page_title) {
  var url = "http://service.semanticproxy.com/processurl/APIKEY/jsonp:handler/http://en.wikipedia.org/wiki/" + page_title;
  $.ajax({url: url, dataType: "script", type: "GET", cache: false, callback: null, data: null});
};

var handler = function (data) {
  // do stuff with the returned JSON
};

s = new Subject();
s.populate("Germany");

这工作正常。但我真正想做的是设置我的主题对象的属性。但我不知道如何在主题上下文中创建一个能够用作回调的函数。即：

Subject.prototype.handler = function(data) { this.title = data.title } 

有什么想法吗？

Answer 1

您必须在 window 对象上设置一个函数。 （我认为）这本质上就是 jQuery 对其 .getJSON 方法所做的事情。下面的内容有点hacky，但希望它能为您指明正确的方向：

function Subject() {
}

Subject.prototype.populate = function(page_title) {
    // Save context object
    var subject = this;
    // Create function name like subjectHandler1281092055198
    var functionName = "subjectHandler" + new Date().getTime();
    window[functionName] = function(data) {
        // Invoke function with saved context and parameter
        subject.handler.call(subject, data);
    }
    var url = "http://service.semanticproxy.com/processurl/APIKEY/jsonp:" + functionName + "/http://en.wikipedia.org/wiki/" + page_title;
    $.ajax({url: url, dataType: "script", type: "GET", cache: false, callback: null, data: null});
};

Subject.prototype.handler = function (data) {
  // do stuff with the returned JSON
};

s = new Subject();
s.populate("Germany");

Answer 2

我不认为你能够做到这一点，只是因为 JSONP 是如何工作的，看看它实际上是如何返回到浏览器的，它几乎是这样做的：

<script type="text/javascript">
  handler({ title: "Germany", ...other properties... });
</script>

这里没有办法维护引用，你可以一次执行一个请求，或者为每个主题保留一个对象映射，但无法在 JSONP 请求中执行此操作。

对象映射看起来像这样：

//delcare this once for the page
var subjects = {};

//do this per subject
var s = new Subject();
s.populate("Germany");
subjects["Germany"] = s;

然后在您的处理程序中，如果任何 data 属性是 "Germany"，您可以通过这种方式获取它，例如：

var handler = function (data) {
  var subject = subjects[data.title];
  //subject is  your Germany subject, use it, go nuts!
};