Javascript 关联数组在 AJAX POST 上变为空

Posted 2023-05-09

【中文标题】Javascript 关联数组在 AJAX POST 上变为空

【英文标题】：Javascript Associative Array Becomes Empty On AJAX POST

【发布时间】：2015-01-27 17:19:35

【问题描述】：

我遇到了问题。我有一个页面，其中有几个 text 字段具有相同的类名和不同的 attribute values。我想创建一个具有unique 键并加入text field attribute 值的数组。并使用ajax 将其传递给php 页面。

我的问题是

我可以成功创建数组。但是当我尝试通过 ajax 发送数据时，它变为空并且 post 数组不包含该值。但是当我尝试 console 数组时，它的值是

我的 JQuery 代码是

$(document).on('click', '#mybutton', function () 

    var c_array = [];
    $('.class').each(function()

        var val1 = $(this).attr('attr1');
        var val2 = $(this).attr('attr2');
        var val3 = $(this).attr('attr3');
        var key = val1+'_'+val2+'_'+val3;
        var no = $(this).val();
        c_array[key] = no;
        alert(c_array[key]);
    );
    console.log(c_array);
    var type = 'check_cookie';
    $.ajax(
        type: 'POST',
        url: 'action.php',
        dataType: 'json',
        async: false,
        data:  type: type, c_array: c_array ,
        success: function (data) 
            console.log(data);
            if (data.msg !== '' && data.msg !== null) 
                window.location = 'new.php';
            
            else 
                alert('error');
            
        
    );
);

这段代码有什么问题？请帮我。提前谢谢大家....

【问题讨论】：

提供你的php代码和html

【参考方案1】：

由于您将 c_array 声明为数组，因此 you should assign it numeric indices（或 keys 根据您的代码）。如果您需要使用关联数组（即非数字索引），您可以将 c_array 实例化为 javascript 对象、json 数据结构或 javascript 对象数组。

看看这个fiddle或下面的堆栈sn-p。

// an array with numeric indices works.
// some_array has 2 entries.
var my_array = new Array()
my_array[0] = 'Test 1'
my_array[1] = 'Test 1'
var my_type = 'My Type 1'
var my_data = type: my_type, some_array: my_array
console.log(my_data)

// an array with non-numeric indices doesn't work.
// some_array is an empty array.
var my_array2 = new Array()
my_array2['a'] = 'Test 2'
my_array2['b'] = 'Test 2'
var my_type2 = 'My Type 2'
var my_data2 = type: my_type2, some_array: my_array2
console.log(my_data2)

// an array of objects work.
// some_array has 2 entries.
var my_array3 = new Array()
my_array3[0] = 'a': 'Test 3'
my_array3[1] = 'b': 'Test 3'
var my_type3 = 'My Type 3'
var my_data3 = type: my_type3, some_array: my_array3
console.log(my_data3)

// an object works.
// some_array has 2 entries.
var my_var_obj = a: 'Test 4', b: 'Test 4'
var my_type4 = 'My Type 4'
var my_data4 = type: my_type4, some_array: my_var_obj
console.log(my_data4)

// a JSON data structure works.
// some_array has 2 entries.
var my_var_obj = $.toJSON('a': 'Test 5', 'b': 'Test 5')
var my_type5 = 'My Type 5'
var my_data5 = type: my_type5, some_array: my_var_obj
console.log(my_data5)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jquery-json.googlecode.com/files/jquery.json-2.2.min.js"></script>

【讨论】：

感谢您提供此信息。我将索引更改为数字，它工作得很好...... :)