将间隔设置为ajax形式

Question

So I'm trying to send the form info to php with ajax form every second, but for some reason it doesn't want to.

Here is my latest attempt, I tried every other similar combination(like put everything in the function or just put everything into the setInterval).

$(document).ready(function() {
    var ajaxCall=function() {
        $("#myForm").ajaxForm(function(e) {
            $.ajax({
                type:'post',
                url:'php1.php',
                data:$("#myForm").serialize(),
                success:function(data) {
                    document.getElementById("result").innerHTML=data;
                }
            });
        });
    }
    setInterval(ajaxCall,1000);
});

EDIT

Solved with MM answer, thank you for the help!

Answer 1

Simply change ajaxForm to ajaxSubmit

See this (question) and this (documentation) for more information on AjaxForm vs AjaxSubmit

Essentially AjaxForm submits when the user clicks the button and AjaxSubmit does it immediately so your code should be:

$(document).ready(function()
{
    var ajaxCall=function()
    {
    $("#myForm").ajaxSubmit(function(e)
    {
        $.ajax(
        {
            type:'post',
            url:'php1.php',
            data:$("#myForm").serialize(),
            success:function(data)
            {
                document.getElementById("result").innerHTML=data;
            }
        });
    });
    }
    setInterval(ajaxCall,1000);
});

---

Update after comment explanation

$(document).ready(function(){
    //live feed
    var ajaxCall=function(){
        $("#myForm").ajaxSubmit(function(e){
            ajax_submit();
        });
    }
    setInterval(ajaxCall,1000);

    //real submit
    $("#myForm").ajaxForm(function(e){
        ajax_submit();
    });

    function ajax_submit(){//ajax_code
        $.ajax({
            type:'post',
            url:'php1.php',
            data:$("#myForm").serialize(),
            success:function(data) {
                document.getElementById("result").innerHTML=data;
            }
        });
    }
});

If you wish to differentiate the feed from the submit you can pass a parameter to the ajax_submit function

Answer 2

Getting rid of the ajaxForm() call seems to accomplish what you are trying to do:

$(document).ready(function() {
  var ajaxCall = function() {
      $.ajax({
        type: 'post',
        url: 'php1.php',
        data: $("#myForm").serialize(),
        success: function(data) {
          document.getElementById("result").innerHTML = data;
        }
      });
  }
  setInterval(ajaxCall, 1000);
});