php进制转换
前端html页面代码：
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
<script src="./jquery-3.6.0.js">script>
<script type="text/javascript">
function test(){
$.ajax({
url: "http://localhost:9001/test.php",
type:'POST',
data:"shi="+document.getElementById('shi').value+"&op="+document.getElementById('op').value,
success:function (data){
console.log(data);
document.getElementById('res').value = data;
}
})
}
script>
head>
<body>
<p>十进制：
<input type="text" id="shi">
请输入需要转换的进制：
<select id="op">
<option value="1">二进制option>
<option value="2">八进制option>
<option value="3">十六进制option>
select>
<input type="button" value="转换" onclick="test()">input>
<input type="text" id="res">
p>
body>
html>
我使用的是Apache服务器，9001是我个人的端口号，ajax请求路径可以自行修改成自己的。
注：
<script src="./jquery-3.6.0.js">script>
这段代码我是在导入Jquery的包，因为要使用Ajax就得导JQuery的文件，我就不提供了，自己去下一个就行，网上很多方式。
php代码：
<?php $data = $_POST['shi']; $jin = $_POST['op']; if ($jin == 1){ echo decbin($data); } elseif ($jin == 2){ echo decoct($data); } elseif ($jin == 3){ echo dechex($data); } ?>
我是写成了两个文件，一个test.html，一个test.php。html页面去请求php然后接受计算结果，展现到前端文本框内，因为要在同一个页面显示所以用ajax。
使用分离的方式主要是php上课在看Python视频了，不知道老师是怎么演示的，所以不会，只能退而求其次用自己的办法。
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documenttitle> <script src="./jquery-3.6.0.js">script><script type="text/javascript"> function test(){ $.ajax({ url: "http://localhost:9001/test.php", type:'POST', data:"shi="+document.getElementById('shi').value+"&op="+document.getElementById('op').value, success:function (data){ console.log(data); document.getElementById('res').value = data; } }) } script>
head> <body> <p>十进制： <input type="text" id="shi"> 请输入需要转换的进制： <select id="op"> <option value="1">二进制option> <option value="2">八进制option> <option value="3">十六进制option> select> <input type="button" value="转换" onclick="test()">input> <input type="text" id="res"> p> body> html>