Question

我尝试请求以下JSON数据：

 {"status":"success","id":8,"title":"Test","content":"dies ist test 12"}

使用此Ajax请求：

$.ajax({
url: 'http://www.XXX.de/?apikey=XXX&search=test',
type: "GET",
dataType: 'jsonp',
success: function(data){
$('#content_test').append(data.content);
 },
 error: function(data){
 //
 }
});

它不起作用。我做错了什么？

Answer 1

Here is an example on how to use jsonp

$.ajax({
    url: 'http://www.XXX.de/?apikey=XXX&search=test',
    type: 'GET',        
    dataType: 'jsonp',
    jsonp: '$callback',
    success: function(data) {
        console.log(data);
        $('#content_test').append(data.content);
    },
    error: function(err) {
        console.log(err);
    }
});

同时打开您的开发工具（Ctrl + Shift + J）并检查控制台输出中是否有任何错误。

Answer 2

我的解决方案::

要获取数据，必须在WP的PHP文件中进行正确的回调：

$callback = $_GET['callback'];
$response = json_encode( $return );

if ( ! empty ($callback)){
echo $callback . '(' . $response . ')';
} else {
echo $response;
}

die;

的Ajax：

 $.ajax({
 url: 'http://www.XXX.de/?apikey=XXX&search=test&callback=?',
 type: "GET",
 dataType: 'json',
 success: function(data){
 $('#content_test').append(data.content);
  },
  error: function(data){
  //
  }
 });

Ajax请求JSON数据

2 个答案: