月度归档：2023年12月

股票系统 前端输入页面

发表评论

目前未添加 后台网址（即MPY设备回传的网址）

<!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>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</head>
<body>
    <div class="container">
        添加信息
        <div class="row" id="gpp">

        </div>
        <div class="row">
            <div class="col-md-8">
                <DIV class="input-group">
                    <input  class="form-control" type="number" id="code">
                    <div class="input-group-btn">
                        <button class="btn btn-info" id="search">查询</button>
                    </div>
                </DIV>
            </div>
        </div>
        <hr>
        <div class="row">
            <table class="table">
                <tr>
                    <th>名称</th>
                    <th>代码</th>
                    <th>删除</th>

                </tr>
            </table>
        </div>
    </div>
    <script>
        function get_all_info(){
            url="";
            //显示全部已经设置的数据
            $.ajax({
                url:url,
                success:function(data){
                    //JSON 回传 显示
                }

            })
        }

        function editLine(gpData,addr){
            //需要重新设置 改为tr/td
            var div=$("<div></div>");
            var h2=$("<h2></h2>");
            var span_1=$("<span></span>");
            var small_code=$("<small></small>");
            var span_2=$("<span></span>");
            var button=$("<button class='btn btn-danger'  onclick=\"delbtn('"+addr+gpData[2]+"','"+gpData[1]+"')\">添加</button>")
            span_1.text(gpData[1]);
            small_code.text(gpData[2]);
            span_2.text(gpData[3]);
            h2.append(span_1);
            h2.append(small_code);
            h2.append(span_2);
            h2.append(button);
            $(".table").append(h2);
        }
        function adelbtn(id,cn_name){
            //需要重新设计 改为删除 1.提交信息 2 返回删除成功后 删除该行
            console.log(id);
            console.log(cn_name);
            // 将ID和cn_name 提交给后台
            url="";//添加回传网址****MPY 网址
            $.ajax({
                url:url,
                type:'POST',
                data:{
                    code:id,
                    cn_name:cn_name
                },
                success:function(data){
                    if(data.status){
                        console.log("添加成功");
                    }else{
                        console.log("添加失败");
                    }
                }
            })
        }
        
        function addbtn(id,cn_name){
            //需要重新设计 目前没有URL的值
            // 将ID和cn_name 提交给后台
            console.log(id);
            console.log(cn_name);
            
            url="";//添加回传网址****MPY 网址
            $.ajax({
                url:url,
                type:'POST',
                data:{
                    code:id,
                    cn_name:cn_name
                },
                success:function(data){
                    if(data.status){
                        console.log("添加成功");
                    }else{
                        console.log("添加失败");
                    }
                }
            })
        }
        var gld=false;
        function showLine(gpData,addr){
            var div=$("<div></div>");
            var h2=$("<h2></h2>");
            var span_1=$("<span></span>");
            var small_code=$("<small></small>");
            var span_2=$("<span></span>");
            var button=$("<button id='add'  onclick=\"addbtn('"+addr+gpData[2]+"','"+gpData[1]+"')\">添加</button>")
            span_1.text(gpData[1]);
            small_code.text(gpData[2]);
            span_2.text(gpData[3]);
            h2.append(span_1);
            h2.append(small_code);
            h2.append(span_2);
            h2.append(button);
            $("#gpp").append(h2);
        }
        function ajax(url,addr){
            $.ajax({
                url:url,
                async:false,
                success:function(data){
                    if(data.length>50){
                        sData=data.split("~");
                        showLine(sData,addr);
                        gld=true;
                    }
                }

            })
        }

        $("#search").click(function(){
            gld=false;
            var code=$("#code").val();
            var code_sh="sh"+code;
            var code_sz="sz"+code;
            $("#gpp").html("");
            ajax("http://qt.gtimg.cn/q="+code_sz,"sz");
            ajax("http://qt.gtimg.cn/q="+code_sh,"sh");
            if(gld){
                console.log("YES");
            }else{
                alert("未找到改股票");
            }
        })
    </script>

</body>
</html>