ajax使用JSONP跨域

浏览:2675 发布日期:2017/02/13 分类:功能实现
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).")";
    }
评论( 相关
后面还有条评论,点击查看>>