使用PHP爬取中国银行实时汇率信息，并为前端提供json数据（前端篇）

最新推荐文章于 2024-08-08 10:13:26 发布

母猪产后护理专家

最新推荐文章于 2024-08-08 10:13:26 发布

阅读量1.8k

点赞数

分类专栏： web 文章标签： html JavaScript

本文链接：https://blog.csdn.net/DSH964/article/details/81449424

版权

本文介绍如何使用PHP抓取中国银行的实时汇率信息，并阐述将这些信息通过JSON格式提供给前端展示的方法。文章通过HTML、CSS和JavaScript实现前端展示效果。

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

先上效果：

如何获取汇率信息我已经在之前的博客里面详细地讲过了，下面我们来看如何使用后端返回地汇率信息

html：

<section>
    <h4><i>实时汇率</i></h4>
    <div id="exchangeRateInfo">
		数据加载中……
    </div>
    <div style="height: 10px;"></div>
    <div id="calculator">
        <h4><i>汇率计算器</i></h4>
        <ul>
	        <li><input type="text" name="userInputMoney">人民币</li>
	        <li><strong style="margin: 10px;">⇨</strong><select></select></li>
        </ul>
        <h4 id="result" style="height: 1.2em;clear: both;padding-top: 10px;"></h4>
    </div>
    <div id="rateTimeInfo"></div>
</section>

css

/*汇率信息*/
#exchangeRateInfo ul{
	padding: 0px;
	margin:0px;
}
#exchangeRateInfo ul li{
	list-style:none;
	float: left;
	width: 20%;
}
.rateInfo{
	background: rgba(255,255,255,0.7)