设为首页 - 加入收藏 - 网站地图 SecYe安全 Www.SecYe.Com - 国内网络信息安全IT技术门户网
当前位置:SecYe > 网页设计 > Javascript > 正文

ajax使用JSONP跨域

时间:2017-02-21 15:33 来源:本站整理 作者:SecYe安全 阅读:

ajax使用JSONP跨域

前端代码

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link rel="stylesheet" type="text/css" href="http://lib.sinaapp.com/js/bootstrap/3.0.0/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="http://lib.sinaapp.com/js/bootstrap/3.0.0/css/bootstrap-theme.css">
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js" ></script>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/bootstrap/3.0.0/js/bootstrap.min.js" ></script>
</head>

 

<body>
<ul class="list-group" id="ul" >
  <li id="ajax_sb" class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
  <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
  <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
  <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
</ul>
</body>
</html>
<script type="text/javascript">
  $("#ajax_sb").click(function(){
    $.ajax({
      type:'post',
      url:'http://h.t/webapi/index.php?controller=zcl&action=py',
      dataType:'jsonp',
      data:{a:'aa',b:'bbb'},
      jsonp:"callback",
      // jsonpCallback:'callback',
      success:function(data){
          var str = data.c.substr(1,data.c.length-2);
          console.log(data.p.split("_"));
      },
      error:function(){
        alert('F')
      }
    });
  });
</script>

后端代码

    public function py(){
        $chinese     = '我的电脑!';
        $pyStr        = IPinyin::getAllPY( $chinese , '_');
        $array['p']    = $pyStr;
        $array['a']        = $_GET['a'];
        $array['b']        = $_GET['b'];
        $array['c']        = '({"param":"wo_de_dian_nao","a":"aa","b":"bbb"})';
        $callback    = $_GET['callback'];
        echo $callback."(".JSON::encode($array).")";
    }

本文来源:SecYe安全网[http://www.secye.com] (责任编辑:SecYe安全)

点击复制链接 与好友分享!

顶一下
(0)
0%
踩一下
(0)
0%