Home/ Questions/Q 6649863
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T00:49:29+00:00

I’m currently adding data into db table via Ajax like this: When user pushes

  • 0

I’m currently adding data into db table via Ajax like this: When user pushes button with id #submit_btn it fires following function and posts data. The code of function looks like this.

$("#submit_btn").click(function () {
    $("#add_form").submit(function (e) {
        e.preventDefault();
        dataString = $("#add_form").serialize();
        $.ajax({
            type: "POST",
            url: "processor/dbadd.php",
            data: dataString,
            dataType: "json",
            success: function (result, status, xResponse) {
                //do something if ajax call is success
                var message = result.msg;
                var err = result.err;
                if (message != null) {
                    $.notifyBar({ cls: "success", html: message });
                }
                if (err != null) {
                      $.notifyBar({ cls: "error", html:err});
                }
            },
            error: function (e) {
                //ajax call failed
                alert(e);
            }
        });
    });

Is there anyway to modify this code for automatic submission in every 2-3 seconds? (autosave)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Pleas try this code 

    <script>

    $(document).ready(function(){
        var int = window.setInterval("call();",2000);
            $("#add_form").submit(function (e) {
                  // PLACE YOUR SUBMIT CODE HERE
            });

            $("#submit_btn").click(function () {
                  $('#add_form').submit();
            }); 
    });

    function call(){
        $('#add_form').submit();
    }

    </script>

    /// NEW ANSWER

    <script>
    var int;

    $(document).ready(function(){

            $("#add_form").submit(function (e) {
                  // PLACE YOUR SUBMIT CODE HERE
            });

            $("#submit_btn").click(function () {
                  int = window.clearInterval(int)
                  int = window.setInterval("call();",3000);
            }); 
    });

    function call(){
        $('#add_form').submit();
    }

</script>

    ///THIRD ANSWER

    <script>
    $(document).ready(function(){

            $("#add_form").submit(function (e) {
                  // PLACE YOUR SUBMIT CODE HERE
              });

             $("#submit_btn").click(function () {
                   int = window.setInterval("call();",3000);
                   $(this).attr({'disabled':'disabled'});
                   $(':input#autosave').attr({'disabled':'disabled'});
            }); 

            $(':input#autosave').click(function(){
                if($(this).is(':checked')){
                    $(':input#submit_btn').attr({'value':'Save & exit'});
                }
                else{
                    $(':input#submit_btn').attr({'value':'Save'});
                }
            });
    });

    function call(){
        $('#add_form').submit();
    }
</script>


</head>

<body>
<form id="add_form" action="" method="post">
<input type="checkbox" id="autosave" value="1"/>
<input id="submit_btn" type="submit" name="save" value="Save"/>

</form>
</body>
    • 0