javascript - ajax post 选择器作为 opencart "add to cart"按钮中的数据

Question

最近在学习opencart develop，发现一个奇怪的事情。我们知道产品信息页面的“添加到购物车”是使用Ajax，下面的js代码:

$('#button-cart').bind('click', function () {
    $.ajax({
        url: 'index.php?route=checkout/cart/add',
        type: 'post',
        data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
        dataType: 'json',
        success: function (json) {
            /** code  **/
        });
    });

发布数据就像一个 jQuery 选择器。为什么发布数据没有值(value)？

Answer 1

此行为在 jQuery.ajax 中实现.您可以将对象、字符串或数组设置为 data 值。如果您提供 DOM 对象数组，jQuery 将尝试将它们转换为 key => value 对，其中键是表单元素的名称，值是表单元素的值。

这真的很方便，尤其是在 OpenCart 产品的这种情况下，当我们不知道产品有多少选项和哪种类型时，我们将选择所有可能性(即使它们可能不存在 - 然后它们不存在发布)并将它们交给 AJAX 请求。