jsonp 接口

Posted 2020-09-09 taoing

一.请求接口

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $.ajax({
        type: "get",
        url:"http://nong.cn/?r=home/kai",
        dataType:‘jsonp‘,
        data:‘‘,
        jsonp:‘callback‘,
        success:function(msg) {
            var str = new String();
            $.each(msg, function (i, n) {
                str += "<li><a href=‘‘>" + n.n_name + "</a></li>";
            });

            $("#ul").html(str);
        }

    });

})
</script>

二.写个简单的接口

/**
 * jsonp 返回值
 * 
 **/
public function actionKai()
{
   $sql ="select * from nav where is_show=1";
      $data = \yii::$app->db->createCommand($sql)->queryAll();     
      // dd($data);

       //动态执行回调函数
       $callback=$_GET[‘callback‘];
       $json = json_encode($data); #转换为json格式
      return $callback."($json)";
}