jquery ajax 요청을 성공시키는 법?

Question

새로운 메신저 아약스에하지만 난이 코드가 오류 을 undersend 해달라고 :

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); 
     } 
    }); 

    }); 
} 

을하고 난 모든 요소를 ​​얻을 수 있지만, STIL 가 somone에 도움이 할 수있는 오류가?

Answer 1

먼저, click 이벤트 핸들러를 이동하여 그 안에 포함 된 함수를 호출합니다. ᾠῗᵲ ᄐ ᶌ가 언급 한 바와 같이

둘째, 거기에 uncessary 쉼표이고 데이터가 stringifed 할 필요가 없습니다. 이 수정 된 코드를 사용 후가있는 경우

$('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); 
     } 
    }); 

}); 

는 실제 오류 메시지를 게시하시기 바랍니다.