php - 如何使用 AJAX 从复选框获取值并传递到 PHP 页面

Question

我是 jquery 和 ajax 编程的新手。我搜索了有关从复选框获取值并将其使用 AJAX 传递给 PHP 页面的答案，但它对我不起作用。也许有人可以帮助我从复选框获取值并将其传递到 PHP 页面，以便我可以将其插入数据库。这是我的 HTML 复选框代码

<fieldset data-role="controlgroup" id="pilihtambahan" style="margin-top: 5px;">

</fieldset>
$.ajax({
     url: host+'/skripsi3/phpmobile/kategori.php',
     data: { "id": getacara},
     dataType: 'json',
     success: function(data, status){
        $.each(data, function(i,item){ 
            $("#pilihkategori").append('<input type="radio" name="radiokategori" class="required" id="'+item.kategori+'" value="'+item.kategori+'" required><label for="'+item.kategori+'">'+item.kategori+'</label>').trigger("create");       
            });
        },
        error: function(){
            //output.text('There was an error loading the data.');
        }
});

这是我的 html 代码，用于将复选框和其他值传递给 PHP 页面

$("#simpansewa").click(function() {
            var checkValues = $('input[name=cektambah]:checked').map(function()
            {
                return $(this).val();
            }).get();

            var k = $("input[name=radiokategori]:checked").val();
            var u = user;
            var g = getacara;
            var b = $('#brandorder').val();
            var d = $('#deskorder').val();
            var s = $('#sosmedorder').val();
            var t = $('#tambahcat').val();
            dt = {user:u,acara:g,brand:b,desk:d,sosmed:s,kat:k,tambah:t,barangsewa:checkValues};
            $.ajax({
                    type: "GET",
                    url: host+'/skripsi3/phpmobile/preorder.php',
                    data: dt,
                    success: function (data){
                        alert('Data Pemesanan Anda Telah Masuk');
                        window.location="statustransaksi.html";

                    },
                    error: function (e) {
                        alert('Fail');
                    }
                });
        }); 

这是我的 preorder.php

<?php
session_start();
include "config.php";

$idtenant = $_GET["user"];
$idacara = $_GET["acara"];
$namabrand = $_GET["brand"];
$deskbrand = $_GET["desk"];
$sosmed = $_GET["sosmed"];
$tambahcat = $_GET["tambah"];
$kategori = $_GET["kat"];
date_default_timezone_set('Asia/Jakarta');
$tanggal = date("d M Y G:i");
$statusbayar = "belumbayar";
$sewa=$_GET['barangsewa'];



$query="INSERT INTO `preorder`(`namaorder`, `sosorder`, `deskorder`, `catatan`, `kategori`, `id_tenant`, `id_acara`, `statuspesanan`, `tanggal`,`statusbayar`,`tambahanbarang`) VALUES ('$namabrand','$sosmed','$deskbrand','$tambahcat','$kategori','$idtenant','$idacara','Waiting','$tanggal','$statusbayar','$sewa')";
$result = mysql_query($query); 
?>

祝你有美好的一天!!

Answer 1

创建一个表单并使用 jQuery serialize() 函数传递它。该函数的作用是获取与表单相关的所有数据。

HTML 代码

<form id="test">
<input type="radio" class="required" id="item1" name="item" value="1"> One
<input type="radio" class="required" id="item2" name="item" value="2"> Two
<button type="button" id="btn" > Click Me </button>
</button>
</button>
    </form>

Javascript

$('#btn').click(function(){
var data = $( "#test" ).serialize()
});

测试表单的所有数据都分配给数据变量。现在您可以使用ajax将数据变量传递到php页面。