jQuery使用JSONP实现跨域获取数据这段代码怎么错误了呢

kisspzt 2018-03-27 01:48:36

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>jsonp</title>

<script type="text/javascript" src="//cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>

<script>

  $.ajax({

    type : "post",

    url : "jsonp.php?name=zhaoxiace&age=30",

    dataType : "jsonp",

    jsonp: "callbackParam",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)

    jsonpCallback:"callbackFunction",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名

    success : function(data){

      console.log(data.statusCode + "/" + data.message + "/" + data.name + "/" + data.age);

    },

    error:function(){

      alert('请求失败');

    }

  });

</script>

</head>

jsonp.php

<?

$data["age"] = $_GET['age'];

$data["name"] = $_GET['name'];

$data["statusCode"]="200";

$data["message"]="成功";

$tmp= json_encode($data); //json数据

echo $callback . '(' . $tmp .')'; //返回格式，必需

?>

直接输出的是 error 请求失败

...全文

496 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2018-03-29

打赏
举报

引用 2 楼 kisspzt 的回复:

[quote=引用 1 楼 showbo 的回复:] 你的$callback 没定义啊那就是为空，实际输出的是(JSON字符串)，这样不是js代码会出错要获取客户端方发送的回调函数名 $callback=$_GET['callbackParam']; echo $callback . '(' . $tmp .')'; //返回格式，必需 jsonpCallback不要自己定义，定义过一定要自己写这个函数jsonpCallback，要不会报错 function callbackFunction(d) { alert(JSON.stringify(d)) } Web开发学习资料推荐 jquery全年日期选择器日历插件 jquery attr prop 区别

$callback=$_GET['callbackParam']; 加了这个后，获取成功了，但是数据得不到呀 data.name这些[/quote] function callbackFunction(d) { alert(JSON.stringify(d)) } 这个要加上，输出了什么，json字符串没有。。

kisspzt 2018-03-28

打赏
举报

引用 1 楼 showbo 的回复:

你的$callback 没定义啊那就是为空，实际输出的是(JSON字符串)，这样不是js代码会出错要获取客户端方发送的回调函数名 $callback=$_GET['callbackParam']; echo $callback . '(' . $tmp .')'; //返回格式，必需 jsonpCallback不要自己定义，定义过一定要自己写这个函数jsonpCallback，要不会报错 function callbackFunction(d) { alert(JSON.stringify(d)) } Web开发学习资料推荐 jquery全年日期选择器日历插件 jquery attr prop 区别

$callback=$_GET['callbackParam']; 加了这个后，获取成功了，但是数据得不到呀 data.name这些

Go 旅城通票 2018-03-27

打赏
举报

你的$callback 没定义啊那就是为空，实际输出的是(JSON字符串)，这样不是js代码会出错要获取客户端方发送的回调函数名 $callback=$_GET['callbackParam']; echo $callback . '(' . $tmp .')'; //返回格式，必需 jsonpCallback不要自己定义，定义过一定要自己写这个函数jsonpCallback，要不会报错 function callbackFunction(d) { alert(JSON.stringify(d)) }

Web开发学习资料推荐
jquery全年日期选择器日历插件
jquery attr prop 区别