JSONP如何检索文本

Question

我明白什么 JSON/JSONP做,但我不是一个程序员不知道如何提取裸基础知识进行简单的用法.我已经阅读了很多关于JSONP和JSONP各种用法的大量例子,但我还没有找到一个从另一个页面中检索文本的简单例子(例如http://www.domain.com/external/text.aspx).

有人可以举一个jQuery/JSONP设置的例子,用于将文本检索到div中吗？我认为这是JSONP的一个非常基本的用法.

Answer 1

首先,重要的是要理解为了使JSONP工作,服务器必须知道它将与JSONP请求联系.换句话说,如果服务器没有正确准备,您不能仅向某个随机服务器发出请求并期望它能够正常工作.

如果您确实知道具有旨在接受和响应JSONP请求的URL的服务器,那么它将返回给您的是一个包含在函数调用中的JSON表达式.您的页面将包含该函数,因此当结果从服务器返回时,浏览器将解释JSON表达式,然后调用该函数.

因此,如果你想创建一个返回一个漂亮的文本块的服务,你将调用这样的服务:

$.getJSON("http://www.domain.com/external/text.aspx?callback=", function(data) {
  $('#targetDiv').text(data.text);
});

jQuery代码将准备一切,以便服务器将被告知(通过HTTP请求中名为"jsonp"的参数)要调用的函数的名称(jQuery本身将为您构建该函数).服务器应该响应这样的事情:

jqueryFunctionName({text: "This is a nice block of text."})