如何獲得成功的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);
        }
    });

});

使用此修改后的代碼后，如果有錯誤消息，請發布實際錯誤消息。