每個Ajax數據

Question

我很新的JavaScript，所以我不知道我會怎麼做。但基本上我想在ajax data:調用中添加for循環，而不是手動列出每個項目。

jQuery(document).ready(function() 
       { 
        var $payment = { 
         card: 'ajax-card', 
         month: 'ajax-month', 
         year: 'ajax-year', 
         cvv: 'ajax-cvv', 
         zip: 'ajax-zip', 
         phone: 'ajax-phone' 
        }; 

        jQuery.each($payment, function($key, $val) 
        { 
         jQuery('.'+$val).attr({ id: $val }); 
        }); 

        jQuery('#pay-bill form input[type=submit]').click(function() 
        { 
         jQuery.ajax(
         { 
          type: "POST", 
          url: "<?php echo get_bloginfo('template_directory').'/cnotethegr8/functions/braintree.php'; ?>", 
          dataType: "json", 
          data: 
          { 
           card: jQuery('#'+$card+' input').val(), 
           month: jQuery('#'+$month+' input').val(), 
           year: jQuery('#'+$year+' input').val(), 
           cvv: jQuery('#'+$cvv+' input').val(), 
           zip: jQuery('#'+$zip+' input').val(), 
           phone: jQuery('#'+$phone+' input').val() 
          }, 
          success: function(data) 
          { 
           if (data) 
           { 
            alert(data.msg); 
           } 
          } 
         }); 
         return false; 
        }); 
       }); 

Answer 1

var $payment = {...}通過下面的代碼後，更換代碼。我已經調整了將ID分配給元素的循環。

var data = {}; 
jQuery.each($payment, function($key, $val) 
{ 
    var $element = jQuery('.'+$val); 
    $element.attr({ id: $val }); //<-- This line can be removed, depending on the 
           // circumstances 
    data[$key] = jQuery('input', $element).val(); 
}); 
jQuery('#pay-bill form input[type=submit]').click(function(){ 
    jQuery.ajax(
    { 
     type: "POST", 
     url: "<?php echo get_bloginfo('template_directory').'/cnotethegr8/functions/braintree.php'; ?>", 
     dataType: "json", 
     data: data, 
     success: function(data) 
     { 
      if (data) 
      { 
       alert(data.msg); 
      } 
     } 
    }); 
    return false; 
}); 

Answer 2

如果你想傳遞的值是一個形式，你可以使用$('#myForm').serialize()

Answer 3

在調用$.ajax之前做一個變量，並設置一個循環來設置值。

var postData = {}; 
$.each($payment, function(k, v){ 
    //postData[k] = $('#'+v+' input').val(); 
    postData[k] = $('.'+v+' input').val(); 
}); 

$.ajax({ 
    type: 'POST', 
    data: postData, 
    // ... 
}); 

P.S.你不需要你有的循環（設置$('.'+$val).attr({ id: $val });），你可以做$('.'+v+' input').val();（在一個循環內）。

Answer 4

如果你想要一個能與鍵 - 每個迭代函數>值對，結賬underscore.js：http://documentcloud.github.com/underscore/#each

_.each({key:'value',key2:'value2'},function(value,key){ 
    // access the key->value during each iteration 
});