javascript - 如何在 jquery ajax 请求上获得成功？

Question

我是 ajax 新手，但我没有低估错误我有这个代码：

function text_ajax(){
  $('.purchase-btn').click(function() {
    var JSONObject= {
      "prod_name":          $('.soc-name span').text(),
      "prod_quantity":      $('.soc-amount span').text(), 
      "prod_price":         $('.soc-price span').text(),
      "prod_line_price":    $('.soc-total span').text(),
      "prod_shipment_price":$('.soc-shipping-fee span').text(),
      "prod_vat":           $('.soc-vat-fee span').text(),
      "prod_total_price":   $('.soc-total-sum').text(),
      };

    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/soda/checkout/ajax_post",
        data: {myData: JSON.stringify(JSONObject)},
        success: function(){
            alert('Items added');
        },
        error: function(e){
            alert(e.message);
        }
    });

  });
}

我得到了所有的元素，但仍然出现错误，有人能帮忙吗？

Answer 1

首先，我将移动 click 事件处理程序以调用它包含的函数。

其次，正如 ᾠῗᵲᄐᶌ 所说，有一个不必要的逗号，数据不需要被字符串化。

$('body').on('click', '.purchase-btn', function() {   
    var JSONObject= {
      "prod_name":          $('.soc-name span').text(),
      "prod_quantity":      $('.soc-amount span').text(), 
      "prod_price":         $('.soc-price span').text(),
      "prod_line_price":    $('.soc-total span').text(),
      "prod_shipment_price":$('.soc-shipping-fee span').text(),
      "prod_vat":           $('.soc-vat-fee span').text(),
      "prod_total_price":   $('.soc-total-sum').text()
    };

    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/soda/checkout/ajax_post",
        data: JSONObject,
        success: function(){
            alert('Items added');
        },
        error: function(e){
            alert(e.message);
        }
    });

});

如果在使用此修改后的代码后有错误消息，请发布实际错误消息。