与JSONP使用.ajax（）的基本示例？
请有人能帮我解决如何开始使用JSONP？
码：
$('document').ready(function() {
var pm_url = 'http://twitter.com/status';
pm_url += '/user_timeline/stephenfry.json';
pm_url += '?count=10&callback=photos';
var photos = function (data) {
alert(data);
};
$.ajax({
url: pm_url,
dataType: 'jsonp',
jsonpCallback: 'photos',
jsonp: false,
});
});
小提琴：http://jsfiddle.net/R7EPt/6/
应该产生一个警报，据我可以从文档中解决：不（但也不会产生任何错误）。
谢谢。
JSONP实际上是克服XMLHttpRequest相同域策略的简单伎俩。 （如你所知，你不能将AJAX（XMLHttpRequest）请求发送到不同的域。）
因此，我们不必使用XMLHttpRequest，而是使用脚本 HTMLl标记，这是您通常用来加载JS文件的标记，以便JS从另一个域中获取数据。 听起来怪怪的？
事情是 - 原来的脚本标签可以以类似于XMLHttpRequest的方式使用！ 看一下这个：
script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://www.someWebApiServer.com/some-data";
加载数据后，您将看到如下所示的脚本段：
<script>
{['some string 1', 'some data', 'whatever data']}
</script>
然而，这有点不方便，因为我们必须从脚本标记中获取这个数组。 所以JSONP创作者决定这会更好地工作（而且是）：
script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://www.someWebApiServer.com/some-data?callback=my_callback";
注意那边的my_callback函数？ 所以 - 当JSONP服务器收到你的请求并找到回调参数 - 而不是返回普通的JS数组时，它会返回这个：
my_callback({['some string 1', 'some data', 'whatever data']});
看看利润在哪里：现在我们得到自动回调（my_callback），一旦我们获得数据就会触发它。 这就是所有关于JSONP的知识 ：它是一个回调和脚本标签。
注意：
这些是JSONP用法的简单示例，这些不是生产就绪脚本。
RAW JavaScript演示（使用JSONP的简单Twitter推送）：
<html>
<head>
</head>
<body>
<div id = 'twitterFeed'></div>
<script>
function myCallback(dataWeGotViaJsonp){
var text = '';
var len = dataWeGotViaJsonp.length;
for(var i=0;i<len;i++){
twitterEntry = dataWeGotViaJsonp[i];
text += '<p><img src = "' + twitterEntry.user.profile_image_url_https +'"/>' + twitterEntry['text'] + '</p>'
}
document.getElementById('twitterFeed').innerHTML = text;
}
</script>
<script type="text/javascript" src="http://twitter.com/status/user_timeline/padraicb.json?count=10&callback=myCallback"></script>
</body>
</html>
基本的jQuery示例（使用JSONP的简单Twitter推送）：
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
url: 'http://twitter.com/status/user_timeline/padraicb.json?count=10',
dataType: 'jsonp',
success: function(dataWeGotViaJsonp){
var text = '';
var len = dataWeGotViaJsonp.length;
for(var i=0;i<len;i++){
twitterEntry = dataWeGotViaJsonp[i];
text += '<p><img src = "' + twitterEntry.user.profile_image_url_https +'"/>' + twitterEntry['text'] + '</p>'
}
$('#twitterFeed').html(text);
}
});
})
</script>
</head>
<body>
<div id = 'twitterFeed'></div>
</body>
</html>
JSONP代表带有Padding的JSON 。 （名字很差，因为它与大多数人认为的“填充”无关。）
如何使用jQuery处理JSONP还有更简单的方法
$.getJSON("http://example.com/something.json?callback=?", function(result){
//response data are now in the result variable
alert(result);
});
这个? 在URL的末尾告诉jQuery它是一个JSONP请求而不是JSON。 jQuery自动注册并调用回调函数。
有关更多详细信息，请参阅jQuery.getJSON文档。
编辑2017年 ：请不要再使用jQuery！
作为对OP的回应，你的代码有两个问题：你需要设置jsonp ='callback'，并且在一个变量中加入回调函数，就像你似乎没有工作一样。
更新：当我写这篇文章时，Twitter API刚刚打开，但他们改变了它，现在需要验证。 我将第二个示例更改为工作（2014Q1）示例，但现在使用github。
这不再起作用 - 作为练习，看看你是否可以用Github API替换它：
$('document').ready(function() {
var pm_url = 'http://twitter.com/status';
pm_url += '/user_timeline/stephenfry.json';
pm_url += '?count=10&callback=photos';
$.ajax({
url: pm_url,
dataType: 'jsonp',
jsonpCallback: 'photos',
jsonp: 'callback',
});
});
function photos (data) {
alert(data);
console.log(data);
};
虽然alert（）这样的数组实际上并不能很好地工作...... Firebug中的“Net”选项卡会正确显示JSON。 另一个方便的技巧是做
alert(JSON.stringify(data));
你也可以使用jQuery.getJSON方法。 这里有一个完整的html例子，它从github获取“gist”列表。 这样它为你创建一个随机命名的回调函数，这是最后的“回调=？” 在网址中。
<!DOCTYPE html>
<html lang="en">
<head>
<title>JQuery (cross-domain) JSONP Twitter example</title>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.getJSON('https://api.github.com/gists?callback=?', function(response){
$.each(response.data, function(i, gist){
$('#gists').append('<li>' + gist.user.login + " (<a href='" + gist.html_url + "'>" +
(gist.description == "" ? "undescribed" : gist.description) + '</a>)</li>');
});
});
});
</script>
</head>
<body>
<ul id="gists"></ul>
</body>
</html>