jQuery jsonp ajax回调不起作用

Question

我正在研究使用jquery ajax实现jsonp的示例示例。

有人可以解释为什么在下面的示例中未调用回调函数'customcb'感到困惑。

从客户端应用程序对ASP.NET MVC服务器应用程序进行$ .ajax调用，以下是客户端代码

$().ready(function () 
{

 $.ajax({
 url: 'http://localhost:55632/',
 type: 'GET',
 dataType: 'jsonp',
 jsonp: 'cbqs',
 jsonpCallback: 'customcb',
 success: function (data) 
 {
 alert('success');
 },
 error: function (XMLHttpRequest, textStatus, errorThrown) 
 {
  alert(errorThrown);
 }
 });

 function customcb() 
 {
  alert('customcb');
  }

});

下面是在服务器应用程序中编写的简单ASP.net MVC操作

public class HomeController : Controller
{
public string Index()
{
 Emp x = new Emp
 {
  fname = "first name",
  lname = "last name"
 };

 string json = JsonConvert.SerializeObject(x);
 Response.ContentType = "application/x-javascript";
 string str = "customcb(" + json + ")";
 return str;
 }
..............
..............

预期结果：应该同时显示“成功”和“ customcb”警报消息。

实际结果：仅显示“成功”警报消息。

注意：我能够从成功函数访问返回的数据，并且没有JS错误。

请让我知道为什么未显示“ customcb”警报消息。

Answer 1

将jsonpCallback函数移出“ $（）。ready（function（）””代码块。

function customcb() 
{
    alert('customcb');
}

Answer 2

由于您正在处理jsonp，因此来自服务器的响应应采用以下形式：

customcb({<JSON content>});

并且您的jsoncallback应该是：

function customcb( o ) {
    console.log( o );
}