ajax配合后台php获取第三方api实例

最新推荐文章于 2021-08-05 12:28:27 发布

我不愿种花

最新推荐文章于 2021-08-05 12:28:27 发布

阅读量327

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/HeleneWoods/article/details/106854895

版权

本文介绍了一个前端小白如何使用Ajax配合后台PHP解决跨域问题，从而获取第三方API数据的实例。通过后端PHP作为中介，前端使用Ajax请求PHP文件获取API信息，提供了一种简单有效的解决方案。

摘要由CSDN通过智能技术生成

首先我是个前端小白，跟着视频学了ajax，但是只有同域获取后台数据的方法。当我想要根据网站提供的免费api来练手的时候，如何解决异域问题让我抑郁了好几天。
如果想要使用第三方api，在无法与后端进行配合的前提下，很难动态获取信息，所以这个方法依然涉及后端知识，但是是我目前为止找到的最简单，最有效的方法。
后端php的代码如下：

<?php
	$hotTopic = file_get_contents("https://www.v2ex.com/api/topics/hot.json");//获取api的URL
	echo $hotTopic;//返回URL数据
?>

在前端部分就只要正常书写ajax代码就好了，只是发送请求的URL变成了php文件的URL，而不是api的URL。总结来说，就是通过后端php访问api，再用ajax访问后端URL返回的数据。
ajax的部分我用的是原生js代码（毕竟是小白，勤快一点没坏处）：

var oAjax = new XMLHttpRequest();
        oAjax.open('GET', 'hotTopic.php', true);
        oAjax.send(null);
        oAjax.onreadystatechange = function() {
   
            if (oAjax.readyState == 4 && oAjax.status == 20