问

javascript - ajax jsonp我写的方法怎么调用不了？为什么用$.getJSON方法能生成数据？

林小琳LLL 发布于 2022-11-08 15:02

http

http://jsbin.com/curofericu/e...

//   $.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) {
    
//     var html = '';
//     for(var i = 0; i < data.length; i++)
//     {
//         html += '' + data[i] + '';
//     }
//     html += '';
    
//     $('#pCustomers').html(html); 
// });

我把上面的方法转成ajax的方法

$.ajax({
  method: "post", //get/post试过了 
  async: false,
  url: "http://www.runoob.com/try/ajax/jsonp.php",
  dataType: "jsonp",
  jsonp: "jsoncallback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
  jsonpCallback:"?",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
  success: function(data){
  var html = '';
  for(var i = 0; i < data.length; i++)
  {
  html += '' + data[i] + '';
}
       html += '';

       $('#pCustomers').html(html); 
},
  error: function(){
    alert('fail');
  }
});

为什么会进入error啊
好奇怪。
如何正确使用ajax jsonp里面的方法。

案例http://www.runoob.com/json/js...

2 个回答

注掉jsonpCallback, 问号只在参数里用,启用该参数的话,传的是你定义的方法名, 不要设置用系统的即可
另 jsonp 只可能是GET, 没有POST(当然, 该模式下其实是会忽略method和async设置的)

$.ajax({
  method: "post", //get/post试过了 
  async: false,
  url: "http://www.runoob.com/try/ajax/jsonp.php",
  dataType: "jsonp",
  jsonp: "jsoncallback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
  //jsonpCallback:"?",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
  success: function(json){
  var html = '<ul>';
  for(var i = 0; i < data.length; i++)
  {
  html += '<li>' + data[i] + '</li>';
}
       html += '</ul>';

       $('#pCustomers').html(html); 
},
  error: function(){
    alert('fail');
  }
});

2022-11-12 01:43 回答

youth冰点

jsonpCallback:"?",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据

API中并没有这么说过。去掉这个就行

2022-11-12 01:43 回答

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签

javascript - ajax jsonp我写的方法怎么调用不了？ 为什么用$.getJSON方法能生成数据？

javascript - ajax jsonp我写的方法怎么调用不了？为什么用$.getJSON方法能生成数据？