javascript - 在 jquery 中通过 $.post 发送对象键和值的列表

Question

我想使用 jquery $.post 将所有数据(以包含键、值的对象形式)发送到服务器。下面是代码。

/* DATA FOR HEADER --- I have created a list of key value pair in variable **arr** */
    var headerKey = Array();
        $.each( $(".headerParamsContainer .headerKey") , function(index, value){
            headerKey[headerKey.length] = $(value).val();
    });

    var headerValue = Array();
        $.each( $(".headerParamsContainer .headerValue") , function(index, value){
        headerValue[headerValue.length] = $(value).val();
    });

    var arr = []; 
    $.each( headerKey, function(index, value){
        var tempObj = {};
        tempObj[headerKey[index]] = headerValue[index];
        arr.push(tempObj);
    });

现在我正在尝试将其发送到服务器但无法正常工作..

     $("#createCall").submit(function(event) {
          event.preventDefault();
          var $form = $( this ),
                url = $form.attr( 'action' );
          var posting = $.post( url, { 
              code: $('#code').val(),  
              viewName: $('#viewName option:selected').val(), 
              getHeaderParams: $.parseJSON(arr) 
          });

          posting.done(function( data ) { });
        });

Answer 1

你误用了那个数组，在 JavaScipt 中没有键值数组，参见 here .

你应该使用这段代码:

var obj = {};

$.each( headerKey, function(index, value){
    obj[headerKey[index]] = headerValue[index];
});

然后您可以对其进行序列化并将 JSON 发送到您的服务器。