jquery $.ajax jsonp

Question

$.ajax({
    type : "GET",
    dataType : "jsonp",
    url : '/',
    data : {}
    success: function(obj){

    }
});

如何使用$.ajax dataType: jsonp跨域发布数据？

Answer 1

回答您的问题，而不是将您转到上面的另一个链接:

JS:

$.ajax({
     type : "GET",
     dataType : "jsonp",
     url : "http://domainname.com/json.php?callback=?", // ?callback=?
     success: function(data){
           // do stuff with data
     }
});

PHP 可能如下所示:

<?php
include('connect.php');
$sql = "SELECT id, name, items FROM tablename ORDER BY id ASC"; 
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
{
    $rows[] = array(
            "id" => $row['id'], 
            "name" => $row['name'], 
            "items" => $row['items']);
}
$json = json_encode($rows);
$callback = $_GET['callback'];
echo $callback.'('. $json . ')';
?>

将 dataType 设置为 jsonp 将允许 jQuery 自动在 url 末尾添加额外的 ?callback=? 来指定回调。如果您像上面那样指定自己的名称，它将使用您传递的回调名称。如果需要指定 json 回调名称，请使用 jsonpCallback 属性。或者您可以将其作为参数添加到数据属性中。如果您需要更多信息，请访问 jQuery API Ajax:http://api.jquery.com/jQuery.ajax/ 。

不要忘记在结果字符串上添加 ;。

希望这会有所帮助!