使用Ajax插入数据,但是要花费一些时间

时间:2019-01-02 05:56:37

标签: javascript php jquery mysql ajax

我正在使用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>

1 个答案:

答案 0 :(得分:0)

https://code.jquery.com/jquery-latest.min.js //链接为JQuery最新版本

仅添加一个JS:

<a href="url_here">Display Name</a>