jsonp 使用记录(二)跨域设置cookie

前端之家收集整理的这篇文章主要介绍了jsonp 使用记录(二)跨域设置cookie前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. html
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <Meta charset="UTF-8">
  6. <title>Insert title here1</title>
  7. <script type="text/javascript" src="jq.js"></script>
  8. </head>
  9. <body>
  10. <?PHP echo "s";?>
  11. <script type="text/javascript">
  12. jQuery(document).ready(function(){
  13. $.ajax({
  14. type: "get",async: false,url: "http://www.services.com/dadianlogin/login?username=1111&password=11111",dataType: "jsonp",jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
  15. jsonpCallback:"returnjs",//自定义的jsonp回调函数名称,默认为jQuery自动生成随机函数名,也可以写"?",jQuery会自动为你处理数据
  16. crossDomain:true,success: function(json){
  17. alert(json.code);
  18. },error: function(){
  19. alert('fail');
  20. }
  21. });
  22. });
  23. </script>
  24. </body>
  25. </html>

  1. 接收后台
  2. <?PHP
  3. class dadianlogin{
  4. public function login(){
  5. $username=$_GET['username'];
  6. $password=$_GET['password'];
  7.  
  8. $ticke=111111;
  9. header("Location:http://www.return.com/dandian/setcookie?ticke=$ticke");
  10. }
  11. }

  1. 跨域后台
  2. <?PHP
  3. class dandian{
  4. //return 域下会设置一个cookie
  5. public function setcookie(){
  6. $ticke=$_GET['ticke'];
  7. setcookie("ticke",$ticke);
  8. $code='yes';
  9. echo 'returnjs({"code":"'.$code.'"})';
  10. die;
  11. }
  12. }


应用场景:send传输数据进行登录 services负责验证用户正确与否并生成安全票据 return 获得票据,成功登录

猜你在找的Json相关文章