php - 通过 AJAX 发送输入数组

Question

我过去接触过 javascript，但我正在尝试重新学习它。因此，我想提出一个不使用 JQuery 等库的 JavaScript 解决方案。

我遇到了几个线程，它们与我的情况很接近，但并不完全匹配。

我有一个由 PHP 动态生成的表单，它从数据库中获取信息，并回显所有表单输入。它们都是代表数据库中条目的复选框。通常我会使用 name="id[value]"，其中 value 是正在循环的当前条目的 id。

所以我会有这样的东西:

<input type="checkbox" name="del[1]"/>
<input type="checkbox" name="del[2]"/>
<input type="checkbox" name="del[3]"/>

当我在表单提交上发布此内容时，我只需获取 $_POST['del'] 的值即可。但是，我尝试将其发送到带有 AJAX 函数的 PHP 页面，这样我就可以在不更改页面或刷新的情况下执行这些功能。

我的问题是:如何获取所有复选框(已选中)并将它们发送到 PHP 页面，以便它可以了解哪些复选框已选中。我的理解是，这需要某种转换。我的第一个想法是循环遍历每个复选框，并获取其索引(或为它们提供所有 Id 并获取 id)并将其放入一个字符串中，然后我可以将 PHP 端分解。

有什么想法吗？谢谢，沙夫。

Answer 1

var i, child, str='', arr = Array(),
    form = document.getElementById('form')

for(i=0; i<form.childNodes.length; i++) {
    // grab the element
    var child = form.childNodes[i];
    // make sure it is an input and a checkbox
    if(child.tagName!='INPUT' || child.getAttribute('type')!='checkbox') continue
    // if the checkbox is checked, add the name and value to a url string
    if(child.checked)
        arr.push(child.getAttribute('name')+'='+encodeURIComponent(child.value))
    }
}

// make the URL string
str = arr.join('&')

// now you can use this as a url: 
SomeAjaxUrl + str

然后，在 PHP 中:

<?php
    $checked_options = $_REQUEST['del'];
    print_r($checked_options);
?>