[英]How can I send a selected option to a php file with ajax?
我正在嘗試在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
}
});
});
在upload.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'];
?>
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.