js跨域获取数据

未结帖
0 1951
ajian jhon 2014-06-13
悬赏:5飞吻

方法一:使用标签<script>

 客户端

<script language="JavaScript" src="http://blog.jimmycarbin.com/Sign/ajaxapi/id/1"></script>

 服务端

public function ajaxapi(){
   $dataArray1=array(
         'id'=>'1',
         'name'=>'jimmycarter',
         'age'=>'15'

   );
       $json = json_encode($dataArray1);
   echo "var json=".$json;

}

方法二:jsonP

  客户端

$(function(){
	 $.ajax({
	             type: "get",
	             async: false,
	             url: "http://blog.jimmycarbin.com/Sign/ajaxapiCallBack/id/222/name/jimmy",
	             dataType: "jsonp",
	             jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
	             jsonpCallback:"testCrossDomain",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
	             success: function(json){	
					alert(json['name']);	
					
	             },
	             error: function(){
	                 alert('fail');
	             }
	})
})

   服务端

    public function ajaxapiCallBack(){
	$dataArray1=array(
            'id'=>'1',
            'name'=>'jimmycarter',
            'age'=>'15'

        );	
		
        $jsonData=json_encode($dataArray1);
		
	$callback=$_GET['callback'];	

	echo $callback."($jsonData)";    
	exit;		
      }	


热忱回答0


最近热帖

近期热议

  1. javascript——prototype与__proto 9
  2. Mysql 中出现的Data truncated for column 3
  3. 在nginx中使用x-sendfile的解决方案 3
  4. 高版本jQuery面插件实现Ajax上传图片 1
  5. Thinkphp Socket.class.php 类的使用 1
  6. 使用ionic3创建第一个App 0
  7. ios-oc html5 0
  8. nginx.conf 0
  9. 基于ionic3.4.0的项目搭建 0
  10. php 缩略图 0