如何通过AJAX发送PHP数组？

Question

在我的注册页面上，人们可以通过填写一些输入广告复选框来注册我的网站。 它基本上是一个将数据发送到带有ajax的PHP页面的表单，然后将其放入数据库中。

例如，javascript从表单中获取值

var w = _("website").value;
var bio = _("bio").value;

然后像这样发送ajax.send("w="+w+"&bio="+bio); 这是应该的，但我想添加一些东西。

现在我有一些复选框，我希望在一个数组中通过ajax发布在一个变量中。 所以在我的表单中我有这段PHP：

$licensessql = mysqli_query($db_conx, "SELECT * FROM licenses");
while($licenserecord = mysqli_fetch_assoc($licensessql)) {
echo '<input type="checkbox" value="'.$licenserecord["license"].'" name="licenses[]" id="'.$licenserecord["license"].'"><label for="'.$licenserecord["license"].'">'.$licenserecord["license"].'</label><br>';
}

使用纯PHP，这将工作，并将复选框中的所有值放在数组license []中，但我不知道如何使用ajax实现此目的。 如果我有5个复选框，我希望javascript var具有例如值'value1，value2，value3'并将其发布到PHP。

谢谢！

Answer 1

首先，我建议使用其他答案中发布的表单序列化。

要回答你的实际问题： "If I have 5 checkboxes, I want the javascript var to have for example the value 'value1,value2,value3' and have that posted to PHP."

这是一个完整的工作示例（使用3个复选框），它将生成一个javascript变量，您可以使用该变量传递给您的AJAX post方法以供PHP处理。

JSFiddle： https ：//jsfiddle.net/o5q04vf0/

代码片段：

 $(document).ready(function() { $('#btnTest').click(function() { var checkBoxValues = $("[name=licenses\\\\[\\\\]]").map(function() { if ($(this).is(':checked')) { return this.value; } }).get().join(); alert(checkBoxValues); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" value="0" name="licenses[]" /> <input type="checkbox" value="1" name="licenses[]" /> <input type="checkbox" value="2" name="licenses[]" /> <button id="btnTest">Submit</button> 

这将帮助您指导正确的方向，但请考虑通过AJAX传递数据，就像这里建议的其他成员一样。

Answer 2

使用POST并将数组序列化为数据

  $data = $('form').serialize(); $.post( "ajax/test.html", function($data) { $( ".result" ).html( data ); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="demo_form.asp"> <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br> <input type="submit" value="Submit"> </form> 

在PHP中，您使用$_POST['attributeName']来读取值

Answer 3

您可以使用serializeArray函数发送所有表单数据。
Serialize用于GET， serializeArray对POST很有用。

$('#btn-send').click(function(e) {
    $.ajax({
        url: 'url-to-data-send',
        method: 'post',
        data: $(this).closest('form').serializeArray(); <--- send form data
    }).done(function(response) {
        alert('form sent');
    })
});

或者您可以指定要发送的内容

var data = $(this).closest('form').serializeArray();
    console.log(data);

小提琴

**编辑**

这就是你想要的

var arr = [];
$.map( $(this).closest('form').find('input[name="chck[]"]:checked'), function( n, i ) {
     arr.push({ name: $(n).attr('name'), value: $(n).val()});
});
console.log(arr);

FIDDLE 2

Answer 4

开始了：

你需要Serialize功能！ 以下是您如何使用它的一个问题：

HTML：

<form id="yourOrderFormId" method="post">
<input type="checkbox"/><input type="text"/>
<input type="checkbox"/><input type="text"/>
<button id="yourButtonId">Send</button>
</form>

jQuery Ajax：

<script>
    $('#yourButtonId').click(function(e) {

       var yourData = $("#yourOrderFormId").serialize(); 

        $.ajax({
            method: 'POST',
            url: '/yourUrl',
            data: yourData,
            dataType: 'html',
           success:success: function (result) {
           alert("Your message sent!");
           }
    });

或者与serializeArray（）一起使用;

console.log($('form').serializeArray());

在这里：在此输入链接描述

希望能帮助到你;）