前端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>Document</title>

    <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>Document</title>
    <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>

php进制转换的更多相关文章

  1. SQL Server 进制转换函数

    一.背景 前段时间群里的朋友问了一个问题:“在查询时增加一个递增序列,如:0x00000001,即每一个都是36进位(0—9,A--Z),0x0000000Z后面将是0x00000010,生成一个像下 ...

  2. [No000071]C# 进制转换（二进制、十六进制、十进制互转）

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  3. JS中的进制转换以及作用

    js的进制转换, 分为2进制,8进制,10进制,16进制之间的相互转换, 我们直接利用 对象.toString()即可实现: //10进制转为16进制 ().toString() // =>&q ...

  4. 结合stack数据结构，实现不同进制转换的算法

    #!/usr/bin/env python # -*- coding: utf-8 -*- # learn <<Problem Solving with Algorithms and Da ...

  5. 进制转换（ C++字符数组 ）

    注: 较为简便的方法是用 整型(int)或浮点型(long.double 注意:该类型不一定能够准确存储数据) 来存放待转换的数值,可直接取余得到每一位数值 较为稳定的方法是用 字符数组储存待转换的数 ...

  6. JS 进制转换

    十进制转换成其他进制 objectname.toString([radix])   objectname 必选项.要得到字符串表示的对象. radix 可选项.指定将数字值转换为字符串时的进制. 例如 ...

  7. php的进制转换

    学习了php的进制转换,有很多的知识点,逻辑,也有最原始的笔算,但是我们还是习惯使用代码来实现进制的转换,进制的转换代码有如下:二进制(bin)八进制( oct)十进制( dec)十六进制( hex) ...

  8. C++ 中数串互转、进制转换的类

    /******************************************************************** created: 2014/03/16 22:56 file ...

  9. 【String与基本类型之间的转换】以及【进制转换】

    1. 基本数据类型---->字符串类型: 方法一:使用连接一个空字符串,例如  基本数据类型+“” : 方法二:静态方法 String.valueOf(),具体有: String.valueOf ...

  10. C# 进制转换 （没有数值的长度限制）

    曾经在大学时做过一个c的进制转换算法,那时由于技术的局限性,数值的大小受到限制(系统数据类型长度限制),多年以后,自己那台学习机陈旧后感觉要报废了,整理了一下里面的东西,偶尔在一个角落里发现了这个转换 ...

随机推荐

  1. CSI 工作原理与JuiceFS CSI Driver 的架构设计详解

    容器存储接口(Container Storage Interface)简称 CSI,CSI 建立了行业标准接口的规范,借助 CSI 容器编排系统(CO)可以将任意存储系统暴露给自己的容器工作负载.Ju ...

  2. 三极管与MOS管主要参数差别及驱动电路基极（栅极）串联电阻选取原则

    三极管与MOS管都常在电路中被当做开关使用,比较起来: 1. 三极管集电极电流IC (一般为mA级别),远小于MOS管ID(一般为A级别),因此MOS管多用在大电流电路中,如电机驱动 2. 三极管耗散 ...

  3. Linux系统常用的命令

    1.查看本机IP地址:ifconfig 2.查看当前所在路径:pwd 3.查看指定名称线程:ps -ef | grep tomcat 4.查看当前目录结构:ll 或者 ls 5.杀死指定线程:kill ...

  4. 比较HQL、Criteria、Native-SQL这三者做查询的区别，以及应该如何进行选择?

    HQL功能很强大,适合各种情况,但是动态条件查询构造起来很不方便: Criteria 最适合动态查询,但不太适合统计查询,QBE还不够强大.只适合简单的查询: Native-SQL可以实现特定的数据库 ...

  5. SpringCloud和Dubbo?

    SpringCloud和Dubbo都是现在主流的微服务架构SpringCloud是Apache旗下的Spring体系下的微服务解决方案Dubbo是阿里系的分布式服务治理框架从技术维度上,其实Sprin ...

  6. 什么是 CAS?

    CAS 是 compare and swap 的缩写,即我们所说的比较交换. cas 是一种基于锁的操作,而且是乐观锁.在 java 中锁分为乐观锁和悲观锁.悲观锁是将资源锁住,等一个之前获得锁的线程 ...

  7. Linux 网卡配置参数

    网卡配置文件位于 /etc/sysconfig/network-scripts/ 目录下 网卡配置文件在RHEL5/6以eth为网卡文件的前缀,在RHEL7中以ifcfg为网卡文件的前缀 配置 解释 ...

  8. SpringBoot打包成可执行的Jar文件

    需要时SpringBoot项目 通过创建可以在生产环境中运行的完全独立的可执行jar文件来结束示例.可执行jar(有时称为"胖jar")是包含您的已编译类以及代码需要运行的所有ja ...

  9. 如何监控 Elasticsearch 集群状态？

    Marvel 让你可以很简单的通过 Kibana 监控 Elasticsearch.你可以实时查看你 的集群健康状态和性能,也可以分析过去的集群.索引和节点指标.

  10. JVM原理与深度调优

    什么是jvm jvm是java虚拟机 运行在用户态.通过应用程序实现java代码跨平台.与平台无关.实际上是"一次编译,到处执行" 1.从微观来说编译出来的是字节码!去到哪个平台都 ...