个人中心
gpt4 book ai didi

Javascript/JQuery POST "url"未定义(未定义)

转载 作者：行者123 更新时间：2023-12-02 20:18:36 30 4
gpt4 key购买 nike

我已将 onlcick 事件附加到表单的提交按钮以覆盖默认的 POST 请求，但在使其正常工作时遇到了一些问题。

我想要的是点击添加到购物车的商品，但只显示模式确认而不刷新页面。

这段代码在我的静态示例中工作正常，但自从集成它以来我所做的一些事情使它崩溃了。

function cartSubmit(addbtn)
{
var form = addbtn.parentNode.parentNode.parentNode; 
var formData = jQuery(form).serializeArray();
jQuery.post("/myurl/", formData, function(r){
jQuery.colorbox({html:'<div style="padding:10px;"><h2>Product added to cart.</h2></div>'});        
 });
 return false;
}

现在我在控制台中收到一个错误，显示 POST "http://localhost/myurl/"undefined (undefined)，然后表单正常提交(刷新页面)，但似乎也使用 javascript 提交，因为它添加了项目两次进入购物车。

无论如何，我们非常感谢任何帮助!

最佳答案

您可以尝试通过提交事件将该函数绑定(bind)到表单，例如，假设您的表单有一个 myform id，将以下内容添加到您的文档中，您将不再需要提交按钮的 onclick 属性:

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <form id="someform-123" method="post">
      <input type="text" id="field1" />
      <input type="submit" class="add_to_cart" value="Add" />
    </form>
    <hr>
    <form id="someform-789" method="post">
      <input type="text" id="field2" />
      <input type="submit" class="add_to_cart" value="Add" />
    </form>

    <script type="text/javascript">
      $('.add_to_cart').closest('form').submit(function(e) {
        e.preventDefault();
        alert('form id: ' + $(this).closest('form').attr('id'));
      });
    </script>
  </body>
</html>

关于Javascript/JQuery POST "url"未定义(未定义)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5873024/

30 4 0
文章推荐： javascript - 无需页面加载即可提交帖子表单
文章推荐： javascript - 禁用提交按钮并显示消息
文章推荐： javascript - Firefox 有 WebSocket 消息限制吗？
文章推荐： javascript - document.body.span javascript
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com