• php+sql创建本地项目详细步骤2——ajax插入数据


    表单插入数据,需要两个文件,第一个addshoes.php

    以下文件使用boot框架

    <?php 
    include 'dblink.php';       //引入数据库连接文件
    ?>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> 
    <title>添加女鞋数据</title>
    </head>
    <?php include 'header.php';   //头部引入的css文件提出来?>
    <body>
    <div class="main">
        <div class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label">商品名</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control" name="picname" placeholder="请填写主图名">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">商品价</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control" name="jdprice" placeholder="请填写京东价">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">邮费</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control" name="postfree" placeholder="请填写邮费">
                </div>
            </div>
            <hr>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                  <input type="submit" class="btn btn-primary" id="submit_btn" style="padding:4px 20px;" vlaue="提交">
                </div>
            </div>
        </div>
    </div>
    <?php include 'footer.php';    //引入的js文件 ?>
    <script>
    $(document).ready(function(){
        $("#submit_btn").click(function(){
            var picname = $("input[name='picname']").val();
            var jdprice = $("input[name='jdprice']").val();
            var postfree = $("input[name='postfree']").val();
            $.ajax({
                  type: 'POST',
                  url: "addAction.php",
                  data: {"picname":picname,"jdprice":jdprice,"postfree":postfree},
                  dataType: 'json',
                  success: function(result){
                      if(result == 1){
                          alert("添加成功");
                      }else{
                          alert("添加失败");
                      }
                      window.location.href = 'http://localhost/shoes/shoesmanage.php'
                  }
            });
        });
        
    })
    </script>
    </body>
    </html>

    这里没有写是否判断数据为空什么的,主要展示与数据库的交互

    第二个文件addAction.php

    <?php include 'dblink.php';
    
    $picname=$_POST['picname'];
    $jdprice=$_POST['jdprice'];
    $postfree=$_POST['postfree'];
    
    $sql="insert into shoes_jd_wx(picname,jdprice,postfree)values('$picname','$jdprice','$postfree')";
    
    //mysql_query($sql); //执行sql语句,插入数据。
    if(mysql_query($sql)){
        echo json_encode(1);
    }else{
        echo json_encode(0);
    }
    mysql_close($dblink);
    ?>

    如此,数据库就能插入一条数据了

  • 相关阅读:
    文件的初级功能
    Scanner的用法
    界面制作小例
    初学Java感想
    el-table合计栏未显示的问题
    推荐一些团队博客和个人博客地址
    大数加法
    汇编语言画圆
    Java一个简单的文件工具集
    css选择器
  • 原文地址:https://www.cnblogs.com/snowbaby-kang/p/4435567.html
Copyright © 2020-2023  润新知