javascript - jquery 停止事件时通过 ajax 提交表单

Question

更新

添加了此错误，只是说“错误已捕获”

<script type="text/javascript">
window.onerror = function() {
    alert("Error caught");
};

xxx();
</script>

这不起作用，我不明白为什么。

如果我的 php 脚本在没有 if{method=post} 语句的情况下自行调用，则可以正确插入数据

我尝试在 php 端使用或不使用 if method = post 参数来让下面的 ajax 工作，但我根本无法判断脚本是否被调用。

我的目标是在用户不知情的情况下提交数据，这是可变设计界面的坐标/尺寸更新。

这是我的ajax插入，它应该在触发停止后调用函数时起作用，例如。对象完成移动后，该函数会被正确调用，因为我已经设置了在某些行之后弹出的顺序警报。

$("#form").submit(function(event){
    event.preventDefault();
    var $form = $( this ),
    url = $form.attr( 'action' );
    var posting = $.post( url, {
        id: $('#id').val(),
        name: $('#name').val(),
        wname: $('#wname').val(),
        xcor: $('#xcor').val(xcor),
        ycor: $('#ycor').val(ycor),
        xwid: $('#xwid').val(xwid),
        yhei: $('#yhei').val(yhei),
        photo: $('#photo').val(),
        targeturl: $('#targeturl').val()
    });

    posting.done(function( data ){
        alert('success');
    });
});

Answer 1

这是错误的

    xcor: $('#xcor').val(xcor),
    ycor: $('#ycor').val(ycor),
    xwid: $('#xwid').val(xwid),
    yhei: $('#yhei').val(yhei),

这些对象保存的是 jQuery 对象，而不是值。

看起来您想要设置该值并使用新值。这让我感到畏缩，但它可以完成任务

    xcor: $('#xcor').val(xcor).val(),
    ycor: $('#ycor').val(ycor).val(),
    xwid: $('#xwid').val(xwid).val(),
    yhei: $('#yhei').val(yhei).val(),

您最好在调用之前更新它们，并在设置对象时仅使用变量。或者只使用 jQuery serialize() 并且不处理抓取元素。