提交后,PHP / AJAX会显示每次信息

时间:2019-03-04 12:31:11

标签: javascript ajax

<form id="myForm" name="gadaj"> <input type="text" name="fname" id="fname"/> 
<input type="submit" name="click" value="button"> </form> <p id="status"></p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <script>
         function info()
         {
          document.getElementById("status").innerHTML="Message Sent";
     setTimeout(function() {
$('#status').fadeOut('slow');
   }, 1000);
         }
$(document).ready(function(){

     $(function(){
        $("#myForm").submit(function(event){
            event.preventDefault();
            $.ajax({
                method: 'POST',
                url: 'submit.php',
                data : $('#myForm').serialize(),

                   success: function (response){
  {
      document.forms['myForm'].reset();
      info();   
  }

                },
                     error: function(XMLHttpRequest, textStatus,errorThrown) {
 alert("Some Error.");
  }

            });

        });
    });
});

</script>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  </head>
  <body>
    <form id="myForm" name="gadaj">
    <input type="text" name="fname" id="fname"/>
    <input type="submit" name="click" value="button" id="klik">

</form>

 <p id="status"></p>
</body>
</html>

现在只有一次显示消息已发送。这是一种网聊txt字段,我想在每次发送后显示消息文本。怎么办呢? 我不认识阿贾克斯。我只是找到了它,但我没有做任何更改。

0 个答案:

没有答案