jsonP跨域调用

-------------------------------------jsonP跨域调用-------------------------------------

<div class="butom" value="提交">提交</div>

<script type="text/javascript">
  $(".butom").click(function(){
    $.ajax({
      url:"http://localhost:5555/del1/del1.php",
      type:"GET",
      dataType:"jsonp",
      jsonp:"callback",
      success: function(data){
        $.each(data,function(v,val){
        console.log(v+"------>"+val);
      })
    },
    error: function(){
      alert("请求出错")
    }
  })
})
-----------------------------------------or___________________________________________________________________
$(".butom").click(function(){
  creatScript();
})
function creatScript(){
  var url="http://localhost:5555/del1/del1.php?callback=succ";
  var script = document.createElement('script');
  script.setAttribute('src', url);
  // 把script标签加入head,此时调用开始
  document.getElementsByTagName('head')[0].appendChild(script);
}
function succ(data){
  alert(data.name)
}
</script>

<?php
$arr=array('name'=>'li','age'=>'22');
echo $_GET['callback']."(".json_encode($arr).")";
?>

上一篇:JQuery+ajax+jsonp 跨域访问


下一篇:jquery ajax 无法跨域调用的解决办法