如何在单击按钮时将变量从php for()传递给ajax？

<button id="myButton">点击按钮</button>

$(document).ready(function() {
  $('#myButton').click(function() {
    $.ajax({
      url: 'your_php_file.php',
      method: 'POST',
      data: { variable: 'your_variable_value' },
      success: function(response) {
        // 在这里处理Ajax请求成功后的响应
        console.log(response);
      },
      error: function(xhr, status, error) {
        // 在这里处理Ajax请求失败的情况
        console.log(error);
      }
    });
  });
});

document.getElementById('myButton').addEventListener('click', function() {
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'your_php_file.php', true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 在这里处理Ajax请求成功后的响应
      console.log(xhr.responseText);
    } else if (xhr.readyState === 4 && xhr.status !== 200) {
      // 在这里处理Ajax请求失败的情况
      console.log(xhr.status);
    }
  };
  xhr.send('variable=your_variable_value');
});

$variable = $_POST['variable'];

// 在这里进行相应的处理，例如使用for()循环
for ($i = 0; $i < 10; $i++) {
  // 在这里使用$variable进行操作
}

// 返回响应给Ajax请求
echo '处理完成';