ajax表单提交不起作用

发布于 2024-12-05 03:01:25 字数 738 浏览 1 评论 0原文

我正在使用 jquery.form.js （版本：2.84），在下面的代码中，我发现它在 $('imageform').ajaxSubmit 之前卡住了。如果我删除 PreventDefault，表单将像往常一样提交，并且页面被刷新。当 PreventDefault 存在时，我确实看到了 loader.gif，但在服务器端我看不到任何数据，并且警报也从未被触发。

google.maps.event.addDomListener($('photoimg'), 'change', function(e){
            e.preventDefault(); // <-- important
            $("preview").innerHTML = ("<img src=\"loader.gif\" alt=\"Uploading....\"></img>");
            $('imageform').ajaxSubmit({
                target: 'preview'
            });
            alert('after submit');
        });

我还使用如下函数，这就是我使用 $(' imageform') 而不是 $('#imageform')...

function $(element) {
  return document.getElementById(element);
}

原文

I am using jquery.form.js (version: 2.84) and in the below code, I see that it's getting stuck just before $('imageform').ajaxSubmit.. If I remove preventDefault, the form gets submitted as usual and the page gets refreshed. When preventDefault is present, I do see the loader.gif, but in the server side I do not see any data and also the alert is never fired..

google.maps.event.addDomListener($('photoimg'), 'change', function(e){
            e.preventDefault(); // <-- important
            $("preview").innerHTML = ("<img src=\"loader.gif\" alt=\"Uploading....\"></img>");
            $('imageform').ajaxSubmit({
                target: 'preview'
            });
            alert('after submit');
        });

I am also using a function as below and that's why I am using $('imageform') and not $('#imageform')...

function $(element) {
  return document.getElementById(element);
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

热血少△年 2024-12-12 03:01:25

否，因为您已使用 getElementById 函数覆盖了 $。

$('imageform').ajaxSubmit

将在需要 jQuery 对象的 DOM 元素上执行 ajaxSubmit。您需要删除 $ 或使用：

jQuery('#imageform').ajaxSubmit

$("#foo") 与 document.getElementById("foo")< /代码>。

jQuery 函数返回一个 jQuery 对象，其中包含所有 jQuery 函数，例如 .bind 和 .ajaxSubmit 。
document.getElementById，另一方面，返回一个裸DOM元素，它不具有任何jQuery功能。

jQuery 对象就像一个 DOM 元素数组，因此：

$("#foo")[0] === document.getElementById("foo")

No, because you've overwritten $ with the getElementById function.

$('imageform').ajaxSubmit

will execute ajaxSubmit on the DOM element, where you need a jQuery object. You'd either need to remove your $ or use:

jQuery('#imageform').ajaxSubmit

$("#foo") is not the same as document.getElementById("foo").

The jQuery function returns a jQuery object which has all the jQuery functions like .bind and .ajaxSubmit present.
document.getElementById, on the other hand, returns a naked DOM element which does not have any functions of jQuery.

The jQuery object is like an array of DOM elements, so:

$("#foo")[0] === document.getElementById("foo")

回复收藏 0 原文

自此以后，行同陌路 2024-12-12 03:01:25

您的 $ 函数正在破坏 jQuery 中同一变量的含义。您可以在 jQuery 中搞乱许多兼容性内容，或者采取简单的路线：将您的 $ 函数重命名为其他名称，或者直接调用 document.getElementById()因为你的函数只是让你免于键入该调用。或者，更好的是，使用 jQuery 来处理该调用。

回复收藏 0 原文

~没有更多了~