javascript - 如何让javascript在页面加载后发送ajax数据而无需按钮？

Question

我有一些数据想要通过ajax插入MySQL，到目前为止它只发送数据如果我包含一个带有提交的html表单并按下它，所有数据都会正确存储，但是如果我删除它并且设置超时，似乎没有发送数据。

$(document).ready(function (){
    $('#postingForm').submit(function ()
    {
        browserres  = screen.width + "x" + screen.height;
        var a= $(document).width(), b=$(document).height(), c=$(window).width(), d=$(window).height(), e=screen.width, f=screen.height;

        $(this).prepend('<input type="hidden" name="browserres" value="' + browserres + '">');
        $(this).prepend('<input type="hidden" name="id2" value="'+a+"x"+b+"X"+c+"x"+d+"X"+e+"x"+f+'">');
        $(this).prepend('<input type="hidden" name="user_agent" value="<?php echo $_SERVER['HTTP_USER_AGENT']; ?>"></input>');
        $(this).prepend('<input type="hidden" name="user_ip" value="<?php echo $_SERVER['REMOTE_ADDR']; ?>"></input>');

        $.post('insertData.php', { browserres, id2, user_agent, user_ip }, function(json) {
            if(json.outcome == 'success') {
                alert('GOOD!')
            } else {
                alert('Data not sent!');
            }
        },'json');
    });
});

<form id="postingForm" action="insertData.php" method="post">
    <input type="submit" vaue="submit"></input>
</form>

上面将数据发送到 insertData.php 文件并正确插入所有内容，但我想做的是删除 html 表单，并使其一旦用户登陆页面，它将等待页面已加载，然后它将发送数据，无需刷新页面..并且无需 html 表单..

我已经尝试了以下方法，但似乎无法使其工作..

也不工作

$(document).ready(function (){
    document.forms["myForm"].submit();

    function()
    {
        browserinfo = escape(JSON.stringify(fetch_client_info(), null, '\t'));
        browserres  = screen.width + "x" + screen.height;
        var a= $(document).width(), b=$(document).height(), c=$(window).width(), d=$(window).height(), e=screen.width, f=screen.height;

        $(this).prepend('<form id="postingForm" name="myForm" action="insertData.php" method="post">');
        $(this).prepend('<input type="hidden" name="browserinfo" value="' + browserinfo + '">');
        $(this).prepend('<input type="hidden" name="browserres" value="' + browserres + '">');
        $(this).prepend('<input type="hidden" name="id2" value="'+a+"x"+b+"X"+c+"x"+d+"X"+e+"x"+f+'">');
        $(this).prepend('<input type="hidden" name="user_agent" value="<?php echo $_SERVER['HTTP_USER_AGENT']; ?>"></input>');
        $(this).prepend('<input type="hidden" name="user_ip" value="<?php echo $_SERVER['REMOTE_ADDR']; ?>"></input>');
        $(this).prepend('</form>');

        $.ajax(
        {
            type: "POST",
            url: "insertData.php",
            data: browserinfo, browserres, id2, user_agent, user_ip,
            success: function() {

            }
        });
        return false;
    };
});

Answer 1

尝试在文档准备好后立即放置 $.post 函数。

$(document).ready(function (){

    var browserinfo = escape(JSON.stringify(fetch_client_info(), null, '\t'));
    var browserres  = screen.width + "x" + screen.height;
    var a= $(document).width(), b=$(document).height(), c=$(window).width(), d=$(window).height(), e=screen.width, f=screen.height;

    var data = {
       browserinfo: browserinfo,
       browserres: browserres,
       // ... etc for all your data
    }

    $.post('insertData.php', data, function(json) {
            if(json.outcome == 'success') {
                alert('GOOD!')
            } else {
                alert('Data not sent!');
            }
        },'json');
});