Ajax-запрос с использованием двух массивов

Question

У меня есть два массива.Оба получают от двух разных функций $ .each ().

var firstArray = ['item1', 'item2', 'item3', 'item4']; // **Dynamic Values
var counter = 0;
$.each(function(i, v){

  //some code....
  secondArray[counter]  = $(this).val();

  //secondArray have these values ['value1', 'value2', 'value3', 'value4']

  counter++;
  if(counter >= 4){
    $.ajax({
      type: 'POST',
      url: customURL,
      data: ?????
    });
  } 
});

На самом деле я хочу, чтобы результат, подобный 'item1', получал 'value1', 'item2' до 'value2' и так далее.В прошлом, когда я использовал статические значения, такие как -

$.ajax({
  type: 'POST',
  url: customURL,
  data: {
    'item1' : value[0],
    'item2' : value[1],
    'item2' : value[2],
    'item3' : value[3],
   }

});

, я получал результаты, используя эти статические значения, но как я мог использовать динамические значения вместо «item1», «item2» и так далее.Помните, что значения 'firstArray' являются динамическими, то есть они могут быть изменены.Я использую только jQuery и HTML.

Answer 1

попробуйте этот код

var firstArray = ['item1', 'item2', 'item3', 'item4']; // **Dynamic Values
var secondArray = ['value1', 'value2', 'value3', 'value4'];
var ajaxData = {}; // initial declaration with empty object

$.each(firstArray , function(i, v){

      ajaxData[firstArray[i]]   = secondArray[i];

});

$.ajax({
      type: 'POST',
      url: customURL,
      data: ajaxData,
}).done(function(result){
      //do something after success
});

Проверьте эту скрипку для вашего удобства: https://jsfiddle.net/syamsoul/zuncrx8q/4

Answer 2

Вы можете отправить только один набор данных с одним запросом.так что, возможно, у вас есть возможность объединить ваш набор до

Просто пример кода

let firstArray = [1, 2, 3, 4];
let secondArray = ['a', 'b', 'c'];

let dataSet = {
  first: firstarray, 
  second: secondArray
};

$.ajax({
  url: customUrl,
  method: 'POST',
  accepts: 'application/json',
  dataType: 'json',
  data: dataSet
})
  .done((res, status, xhr) => {
    // whatever you need to do
  })
  .fail((xhr, status, state) => {
    // whatever you need to do
  });

, после этого вам придется обрабатывать два массива на бэкэнде