如何使用 ajax 将选定的选项发送到 php 文件 - How can I send a selected option to a php file with ajax?

How can I send a selected option to a php file with ajax?

本文关键字：php 文件选项 ajax 何使用 | 更新日期: 2023-09-27

我正在尝试在 php 中获取选择选项以将其保存在数据库中。我正在使用Ajax，它与FormData一起发送数据和文件。一切正常，但是当我选择一个选项并单击提交按钮时，php文件不会得到任何东西，只是保存输入文本数据和文件信息。

.HTML

<form id="data" method="post" enctype="multipart/form-data">
     <input type="text" name="first"/>
     <input type="file" name="image"/>
     <select name="disp" id="dispnb" class="dispc">
            <option value="0" selected>Select...</option>
            <option value="2"><b>Option A</b></option>
            <option value="3">Option B</option>
            <option value="3">Option C</option>
     </select>
</form>

jQuery

$(document).ready(function(){
    $("form#data").submit(function(){
    var formData = new FormData($(this)[0]);
    $.ajax({
        url: 'upload.php',
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });
    return false;
});          
});

.PHP

<?php
    echo $_POST['first'];
    echo $_POST['disp'];
    echo $_FILES['image']['name'];
?>

尝试如下：

$("#dispnb").change(function(){
var your_selected_value = $('#dispnb').val();
$.ajax({
type: "POST",
url: 'upload.php',
data: {"selected": your_selected_value},
success: function(data) {
 alert(data);
},
error: function(data) {
// Stuff
}
});
});

上传中.php

<?php
if (isset($_POST['selected'])){
$a = $_POST['selected'];
echo $a;
}

您可以使用 $（'form'）.serialize（）; 而不是 var formData = new FormData（$（this）[0]）;

使用此代码，您将从数据中获取所有内容。

将 id 添加到文本字段中

<input type="text" name="first" id="first"/>
<input type="file" name="image" id="image"/>

.js

$(document).ready(function(){
    $("form#data").submit(function(){
    var data = array{}
    data.disp = $('#dispnb').val();
    data.first = $('#first').val();
    data.image = $('#image').val();
    $.ajax({
        url: 'upload.php',
        type: 'POST',
        data: data,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });
    return false;
});

然后在你的 php 文件中

<?php
    echo $_POST['first'];
    echo $_POST['disp'];
    echo $_FILES['image']['name'];
?>
});