基于php汇率接口调用实例,js调用API实时汇率计算器代码
时间: 2023-06-27 20:01:17 浏览: 181
以下是一个基于 PHP 和 JavaScript 的实时汇率计算器代码示例:
PHP 汇率接口调用代码:
```php
<?php
// 定义 API URL
$url = "https://api.exchangeratesapi.io/latest";
// 获取请求参数
$base = $_GET['base'];
$target = $_GET['target'];
$amount = $_GET['amount'];
// 构造请求 URL
$api_url = $url . "?base=" . $base . "&symbols=" . $target;
// 发送请求并获取 API 响应
$response = file_get_contents($api_url);
$data = json_decode($response, true);
// 计算兑换金额
$result = $data['rates'][$target] * $amount;
// 返回结果
echo number_format($result, 2);
?>
```
JavaScript 汇率计算器代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>汇率计算器</title>
</head>
<body>
<h1>汇率计算器</h1>
<p>1 EUR = <span id="rate"></span> USD</p>
<input type="number" id="amount" placeholder="请输入金额">
<select id="base">
<option value="EUR">欧元</option>
<option value="USD">美元</option>
<option value="JPY">日元</option>
</select>
<select id="target">
<option value="EUR">欧元</option>
<option value="USD">美元</option>
<option value="JPY">日元</option>
</select>
<button onclick="calculate()">计算</button>
<p>兑换金额为: <span id="result"></span> </p>
<script>
function calculate() {
// 获取用户输入
var base = document.getElementById("base").value;
var target = document.getElementById("target").value;
var amount = document.getElementById("amount").value;
// 调用 PHP API 获取汇率
var api_url = "api.php?base=" + base + "&target=" + target + "&amount=" + amount;
var xhr = new XMLHttpRequest();
xhr.open("GET", api_url, true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var rate = JSON.parse(xhr.responseText);
document.getElementById("rate").innerHTML = rate;
document.getElementById("result").innerHTML = rate * amount;
}
};
}
</script>
</body>
</html>
```
上面的代码演示了如何使用 PHP 调用外部汇率接口,并使用 JavaScript 实现实时汇率计算器。用户可以选择不同的货币,输入金额,然后点击“计算”按钮,程序就会自动调用汇率接口,计算出兑换金额并显示在页面上。
阅读全文