使用ajax插入数据,但插入数据需要时间

im9ewurl  于 2021-06-17  发布在  Mysql
关注(0)|答案(1)|浏览(256)

我正在使用ajax将数据插入mysql,但是如果我按下submit按钮,插入数据将花费更多的时间希望这里有人能做得比我更好,请给出反馈。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type ="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

我的ajax代码:

<script>

        $(document).ready(function(){

            $("#button").click(function(e){
                e.preventDefault();
                var usId=$("#userId").val();
                var mailId=$("#mailId").val();
                var palId=$("#palId").val();
                var mtext=$("#umText").val();

                setInterval(function(){
                    $('#loadMesg').load("../validate/getMessage.php?mailId=<?php echo $_GET["mailId"]; ?>").fadeIn("slow");
                }, 200);

                $.ajax({
                    url:'../validate/updateMails.php',
                    method:'POST',
                    data:{
                        u_id:usId,
                        pal_id:palId,
                        u_mtext:mtext
                    },
                   success:function(data){
                       //alert(data);
                       $("#umText").val('');
                       $('#loadMesg').load("../validate/getMessage.php?mailId=<?php echo $_GET["mailId"]; ?>").fadeIn("slow");
                   }
                });

            });
        });

    </script>

以及我的提交表格:

<form>
<input type="hidden" id="mailId" name="mailId" value="<?php echo $_GET["mailId"]; ?>">
<input type="hidden" id="palId" name="palId" value="<?php echo $_GET["palId"]; ?>">
<input type="hidden" id="userId" name="userId" value="<?php echo $_SESSION["u_id"]; ?>">
<textarea placeholder="Write M-Mail" id="umText" name="umText" class="input"></textarea>
<button type="submit" title="send" id="button"><i class="fa fa-paper-plane"></i></button>
</form>
0g0grzrc

0g0grzrc1#

https://code.jquery.com/jquery-latest.min.js //jquery最新版本的链接
只添加一个js:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

相关问题