未捕获的 ReferenceError：addToCart 未定义 javascript

Question

我正在使用 javascript onclick 函数创建一个函数，但它返回一个错误 Uncaught ReferenceError: addToCart is not defined 我不知道为什么这是我的代码

我的 JavaScript 代码

function addToCart(){
  var productname = $('pname').text();
  var productid = $('productid').text();
  var color = $('#color option:selected').text();
  var color = $('#size option:selected').text();
  var quantity = $('#qty').val();
  $.ajax({
    type: "POST",
    dataType: 'json',
    data:{
      color:color,
      size:size,
      quantity:quantity,
      productname:productname,
    },
    url: "cart/data/store"+productid,
    success:function(data)
    console.log(data);
  })

和我的点击输入

<input type="submit" class="btn btn-primary" onclick="addToCart()" value="add to cart">

Answer 1

你做了onclick="addToCart()"立即执行你应该onclick="addToCart"的功能。

Answer 2

这可能是因为浏览器没有正确加载您的函数。 我会尝试在函数定义的上方和外部添加一个 console.log 以确保它正在加载。

更一般地，如果您使用 jQuery，您可能希望在 Javascript 中而不是在 HTML 中附加addToCart onclick 处理程序。 有关更多详细信息，请参阅此问题： 在文档准备好后，使用 JS/JQuery 按类选择将 onclick 事件添加到按钮

Answer 3

在一切正常的情况下，你可以做的是在 html 中插入 onclick

<input type="submit" class="btn btn-primary" id="cart-btn" value="add to cart">

脚本：

 $(document).ready(function(){
   function addToCart(){
   //function definition
 }
  $("#cart-btn").click(addToCart);
 });

Answer 4

我认为您的addToCart函数未加载或未在全局范围内定义！

示例 1（在全局范围内定义的函数）

 function hi() { alert("hi"); }

 <button onclick="hi()">Click Me</button>

示例 2（onClick 函数未在全局范围内定义）

 (() => { function hi() { alert("hi"); } })()

 <button onclick="hi()">Click Me</button>