pc端通过接口访问数据的方法

访问数据方法

方法一:

PHP调用Api接口的方法
	1、直接在方法里引用接口的url。
	2、通过file_get_contents()函数获取url的数据。
	3、把获取到的JSON格式数据进行反转。(可选)
	4、参考网址:http://www.jb51.net/article/20705.htm   //PHP远程调用URL
	例: $url='http://api.xxx.com/v1/departments?id=list&company_id=1';
	$data=file_get_contents($url);
	$data_1 = json_decode($data,true);//JSON反转

方法二:

Ajax调用Api接口的方法
	$.ajax({
	  type:"POST",
	  url: //你的请求程序页面随便啦(接口地址)
	  async:false,//同步:意思是当有返回值以后才会进行后面的js程序。
	  data://请求需要发送的处理数据
	  success:function(msg){
	      if (msg) {//根据返回值进行跳转
	          window.location.href = '你的跳转的目标地址(页面地址)';
	      }
	  }

方法三:

JQ调用Api接口的方法
<script type="text/javascript" src="/apihandonesvn/frontend/web/assets/68738eee/jquery-1.11.2.min.js"></script>

<script type="text/javascript">

//1、GET方式

   $.get('http://api.XXX.com/v1/departments?grade=1',function(data){ 

//  console.log(data);//输出内容,类似alert()

            $('#content').html(data);

   });

   //2、POST方式

   $.post('http://api.XXX.com/v1/departments?grade=1',{a:1,b:2,c:3},function(data){ 

            $('#content').html(JSON.stringify(data));

   });

</script>

总结:

以上三种方法,各有特点,每一种方法都有独特的见解,如若看着不是很清楚,请前往其他网站查询相关知识。

PC端请求接口出现跨域问题的原因是由于浏览器的同源策略所致。同源策略规定了浏览器只允许发送同源的请求,即协议、域名、端口号必须完全相同,否则会被浏览器拦截。跨域问题一般由以下几个情况引起: 1. 域名不同:如果前端请求接口域名和当前页面的域名不同,会触发跨域问题。 2. 端口号不同:如果前端请求接口的端口号和当前页面的端口号不同,同样会触发跨域问题。 3. 协议不同:如果前端请求接口的协议和当前页面的协议不同,也会导致跨域问题。 解决跨域问题有多种方法,常见的几种解决方案如下: 1. JSONP(JSON with Padding):JSONP利用了script标签的src属性不受同源策略的限制这一特性,通过在前端页面中动态创建script标签,并使用回调函数来接收后端返回的数据,从而绕过跨域问题。 2. CORS(Cross-Origin Resource Sharing):使用CORS可以在服务端设置响应头,允许指定的域名来跨域访问接口。在服务端设置Access-Control-Allow-Origin字段为允许访问的域名,前端请求时在请求头中带上Origin字段即可。 3. 代理服务器:可以在服务器端创建一个代理服务器,接收前端的请求并代为发送到目标接口,并将响应返回给前端。这种方式可以绕过浏览器的同源策略限制。 通过以上解决方案,我们可以有效解决PC端请求接口出现跨域问题,确保接口正常访问数据传输。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值