zoukankan      html  css  js  c++  java
  • ajax添加数据

    一、用到数据库中的minzu表:

    添加页面代码如下:

    <title>无标题文档</title>
    <script src="jquery-3.2.0.min.js"></script>
    </head>
    
    <body>
    
    <h1>添加数据</h1>
    <div>代号:<input type="text" id="code" /></div>
    <div>名称:<input type="text" id="name1" /></div>
    <input type="button" value="添加" id="add" />
    </body>
    <script type="text/javascript">
    $("#add").click(function(){
        var code = $("#code").val();
        var name1 = $("#name1").val();
        
        $.ajax({
            url:"tianjia.php", //要处理的页面
            data:{c:code,n:name1},  //要传过去的数据
            type:"POST",  //提交方式
            dataType:"TEXT", //返回的数据类型,TEXT字符串 JSON返回JSON XML返回XML;dataType中T要大写!!
            success: function(data){ //回调函数,data为形参,是从login-cl.php页面返回的值
                if(data.trim()=="OK") //trim()去空格
                alert("添加成功");
                else
                alert("添加失败");
            }
            
        });
    })
    </script>
    </html>

    处理页面:

    <?php
    $code = $_POST["c"];
    $name1 = $_POST["n"];
    require "DBDA.class.php";
    $db = new DBDA();
    
    $sql = "insert into minzu values('{$code}','{$name1}')";
    if($db->query($sql,0))
    {
        echo "OK";
    }
    else
    {
        echo "NO";
    }

    最终效果:

  • 相关阅读:
    web前端【第十四篇】Bootstrap简单使用
    web前端【第十三篇】jQuery扩展和事件
    web前端【第十二篇】jQuery文档相关操作
    web前端【第十一篇】jQuery属性相关操作
    页面组件
    索引
    前端基础
    pymysql与mysql各功能
    mysql数据操作
    mysql表相关操作
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6849053.html
Copyright © 2011-2022 走看看