javascript - 不断地向动作脚本发送值。怎么做？

Question

我想将用户名和密码的值重复发送到php脚本。我该怎么做呢 ？喜欢将值发送到动作脚本，我们使用submit按钮，但我怎样才能将值自动发送到脚本并且太连续？

<form method="post" action="processor.php">
  <input type="username" value="suhail" />
  <input type="password" value="secret_code" />
  <input type="submit" />
</form>

Answer 1

使用jQuery 表单插件，您可以执行以下操作：

setInterval(function() {
    $('form').ajaxSubmit();
}, 1000);

另一种解决方案是将表单定位到 iframe，因此如果您提交表单，它不会重新加载页面：

HTML：

<form id="myform" method="post" action="processor.php" target="frm">
  <input type="username" value="suhail" />
  <input type="password" value="secret_code" />
  <input type="submit" />
</form>
<iframe name="frm" id="frm"></iframe>

JS：

var form = document.getElementById('myform');
setInterval(function() {
    form.submit();
}, 1000);

Answer 2

尝试这样的事情

JAVASCRIPT

    <script language=javascript>
        var int=self.setInterval(function(){send_data()},1000);
        function send_data()
        {
            document.getElementById('my_form').submit()
        }
    </script>

HTML

    <form method="post" id="my_form" action="processor.php">
      <input type="username" value="suhail" />
      <input type="password" value="secret_code" />
    </form>

Answer 3

Use Ajax, it's really easy with jQuery. To send the form data to the processor.php script:

var sendForm = function () {
    $.ajax({
        type: 'post',
        url: 'processor.php',
        dataType: 'JSON',
        data: {
            username: $('#username').val(),
            password: $('#password').val()
        },
        success: function (data) {
            // do something with the answer from server?
        },
        error: function (data) {
            // handle error
        }
    });
}

So, sendForm is a function that sends the form data to the server. Now, wee need to set a timer that will invoke it repeatedly:

window.setInterval(sendForm, 1000); // sends form data every 1000 ms

Answer 4

这是一个完整的 HTML 文件，可以做你想做的，阅读评论。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<form method="post" action="processor.php">
  <input type="username" id="username" value="suhail" />
  <input type="password" id="password" value="secret_code" />
  <input type="submit" />
</form>
<script>
function send_request(username, password) {
    var dataString = 'username='+username+"&password="+password;
    $.post('login.php',dataString,function(response){
    // You can check if the login is success/fail here
    console.log(response);

    // Send the request again, this will create an infinity loop
    send_request(username, password);
    });
}

// Start sending request
send_request($('#username').val(), $('#password').val());
</script>

Answer 5

<form id="myform" method="post" action="processor.php">
  <input type="username" value="suhail" />
  <input type="password" value="secret_code" />
  <input type="submit" />
</form>

<script type="text/javascript">
 var count=100,i=0;
 for(i=0;i<count;i++) {
  document.getElementById('myform').submit();
 }
</script> 

这将提交表单 100 次

Answer 6

您可能会重复 $.post 或 $.get 或 $.ajax 请求以发送连续请求。

$(document).ready(function(){
  setInterval(function() {
    var username = $("#username").val();
    var password = $("#password").val();
    var dataString = 'username='+username+"&password="+password;
    $.post('login.php',dataString,function(response){
      //your code what you want to do of response
      alert(response);
    });
  }, 1000);
}); 

和html代码如下

<form method="post" action="processor.php">
  <input type="username" value="suhail" id="username"/>
  <input type="password" value="secret_code" id="password"/>
  <input type="submit" />
</form>

Answer 7

尝试这个，

JS：

$(document).ready(function(){ 
var int=self.setInterval(function(){statuscheck()},1000);
function statuscheck()
{
 var username = $("#username").val();
    var password = $("#password").val();

    $.ajax({                                    
        type:"post",
        url:"processor.php",
        dataType: "html",
        cache:false,
        data:"&username="+username+"&password="+password,
        success:function(response){
        alert(response);
    }
    }); 
}
});

HTML：

<form method="post" action="processor.php">
  <input type="username" value="suhail" id="username"/>
  <input type="password" value="secret_code" id="password"/>
  <input type="submit" />
</form>