使用JQuery和AJAX将数据提交到另一个页面上的数组

可以通过以下步骤实现：

1. 首先，确保你已经引入了JQuery库，可以通过以下方式在HTML页面中引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
2. 在页面中创建一个表单，用于输入数据。例如：<form id="myForm"> <input type="text" name="data1" /> <input type="text" name="data2" /> <input type="submit" value="Submit" /> </form>
3. 使用JQuery的submit事件监听表单提交，并使用AJAX将数据发送到另一个页面。在页面中添加以下JavaScript代码：$(document).ready(function() { $('#myForm').submit(function(event) { event.preventDefault(); // 阻止表单默认提交行为 var formData = $(this).serializeArray(); // 将表单数据序列化为数组 $.ajax({ url: 'another-page.php', // 替换为另一个页面的URL type: 'POST', data: formData, success: function(response) { // 请求成功后的处理逻辑 console.log(response); }, error: function(xhr, status, error) { // 请求失败后的处理逻辑 console.log(error); } }); }); });
4. 在另一个页面（例如another-page.php）中，可以通过以下方式获取提交的数据：$data1 = $_POST['data1']; $data2 = $_POST['data2']; // 处理数据逻辑 // ... // 返回响应 $response = array('message' => 'Data received successfully'); echo json_encode($response);

这样，当用户在表单中输入数据并提交时，数据将通过AJAX发送到另一个页面，并可以在该页面中进行处理。在成功处理后，可以返回一个响应给前端页面。

请注意，以上示例中的代码仅为演示目的，实际应用中可能需要根据具体需求进行适当的修改和完善。

关于JQuery和AJAX的更多信息，你可以参考以下链接：

• JQuery官方文档：https://jquery.com/
• AJAX官方文档：https://api.jquery.com/jquery.ajax/