Php ajax将数据插入sql，但不重新加载站点，只需清除输入框即可_Php_Mysql_Ajax

Php ajax将数据插入sql，但不重新加载站点，只需清除输入框即可

php mysql ajax

Php ajax将数据插入sql，但不重新加载站点，只需清除输入框即可,php,mysql,ajax,Php,Mysql,Ajax,我需要一些帮助。我尝试在输入框上插入，但实际效果并不理想。我有一个终端，用户可以在扫描RFID卡后查看那里的信息我将我的脚本设置为扫描最后一次插入，因此如果插入了新id，则显示一些弹出窗口。我现在尝试为扫描仪放入一个输入框。扫描后，应将数据发送到链接（它将插入数据库），而输入应在发送数据后自行清除，而不是重新加载站点可能吗 <script src="js/lib/jquery/1.11.1/jquery.min.js" type="text/javascript" charset=

我需要一些帮助。我尝试在输入框上插入，但实际效果并不理想。
我有一个终端，用户可以在扫描

RFID

卡后查看那里的信息
我将我的脚本设置为扫描最后一次插入，因此如果插入了新id，则显示一些弹出窗口。
我现在尝试为扫描仪放入一个输入框。扫描后，应将数据发送到链接（它将插入数据库），而输入应在发送数据后自行清除，而不是重新加载站点

可能吗

<script src="js/lib/jquery/1.11.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("form#myform").submit(function(event) {
        event.preventDefault();
        var mcode = $("#mcode").attr("mcode");

        var formData = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "add.php",
            data: "mcode="+mcode+",
            success: function(data) {

                 success: function(){alert('success');}
            }
        });
    });
});
</script>

<form id="myform" class="form_statusinput">
        <input class="input" name="mcode" id="mcode" placeholder="Say something" autocomplete="off">
    <div id="button_block">
        <input type="submit" id="button" value="Feed" >
    </div>
</form>


$（文档）.ready（函数（）{
$（“表单#我的表单”）.submit（函数（事件）{
event.preventDefault（）；
var mcode=$（“#mcode”）.attr（“mcode”）；
var formData=$（this.serialize（）；
$.ajax({
类型：“POST”，
url:“add.php”，
数据：“mcode=“+mcode+”，
成功：功能（数据）{
成功：函数（）{alert（'success'）；}
}
});
});
});


$（文档）.ready（函数（）{
$（“表单#我的表单”）.submit（函数（事件）{
event.preventDefault（）；
var mcode=$（“#mcode”）.val（）；
$.ajax({
类型：“POST”，
url:“add.php”，
数据：{
mcode:mcode
},
成功：功能（数据）{
成功：函数（）{alert（'success'）；}
}
});
});
});

您正在调用表单提交开关将强制重新加载页面。您必须使用按钮输入类型而不是提交，并使用ajax将数据发送到服务器端。这段代码可以让事情变得清楚：

 <!DOCTYPE html>
    <html>
    <body>

       <form id="myform" class="form_statusinput">
            <input class="input" name="mcode" id="mcode" placeholder="Saysomething" autocomplete="off">
            <div id="button_block">
                <input type="submit" id="button" value="Feed" >
                <input type="button" id="button1"  value="test"></button>
            </div>
        </form>

   </body>
   </html>


   <script src="https://code.jquery.com/jquery-3.2.1.js" type="text/javascript" 
charset="utf-8"></script>
      <script type="text/javascript">
           $("#button1").on("click", function(){

           var mcode = $("#mcode").val();
           $.ajax({
              type: "POST",
              url: "add.php",
              data: {
                  mcode: mcode
              },
              success: function(data) {

                   alert('success');
               }
        });
});
</script>


$（“#按钮1”）。在（“单击”，函数（）上）{
var mcode=$（“#mcode”）.val（）；
$.ajax({
类型：“POST”，
url:“add.php”，
数据：{
mcode:mcode
},
成功：功能（数据）{
警惕（“成功”）；
}
});
});

您是否也要提供解释。问题是我回到link index.php？mcode=8B1067FB…应该转到add.pp…这是一个ajax调用，您必须在后台服务中使用webApi…我无法理解您的意思

 <!DOCTYPE html>
    <html>
    <body>

       <form id="myform" class="form_statusinput">
            <input class="input" name="mcode" id="mcode" placeholder="Saysomething" autocomplete="off">
            <div id="button_block">
                <input type="submit" id="button" value="Feed" >
                <input type="button" id="button1"  value="test"></button>
            </div>
        </form>

   </body>
   </html>


   <script src="https://code.jquery.com/jquery-3.2.1.js" type="text/javascript" 
charset="utf-8"></script>
      <script type="text/javascript">
           $("#button1").on("click", function(){

           var mcode = $("#mcode").val();
           $.ajax({
              type: "POST",
              url: "add.php",
              data: {
                  mcode: mcode
              },
              success: function(data) {

                   alert('success');
               }
        });
});
</script>