javascript - 如何使用 ajax 正确地将数据传递给 php?
问题描述
我正在尝试将 FormData 发送到 PHP 文件。按下提交时没有任何反应,但是当我单独发送数据时它确实有效。
<form method="post" class="code_form" enctype="multipart/form-data">
<input id="my_file_id2" class='upload_img' type="file" name="my_file">
<input id="code" class='code' type="text" name="my_text">
<input type="submit" id='fertig-btn' class='prime_sty' name="submit">
</form>
$(".code_form").on("submit", function(e) {
var formData = new FormData();
if ($(".upload_img").val() != '') {
file = $(".upload_img").prop('files')[0];
formData.append("my_file", file);
}
var dota = $(".code").val();
$.ajax({
type: "POST",
url: "img_proc.php",
cache: false,
contentType: false,
processData: false,
data: {
formData,
dota,
},
success: function(data) {
$(".user-success-code").html(data);
}
})
e.preventDefault();
});
像这样发送数据有效:
data: formData,
知道如何解决吗?
解决方案
使用 FormData 对象发送数据时,所有信息都必须在该对象中。因此,您需要append()
从.code
到它的值,就像处理文件信息一样。试试这个:
$(".code_form").on("submit", function(e) {
var formData = new FormData();
formData.append('dota', $(".code").val());
if ($(".upload_img").val() != '') {
formData.append("my_file", $(".upload_img").prop('files')[0]);
}
$.ajax({
type: "POST",
url: "img_proc.php",
cache: false,
contentType: false,
processData: false,
data: formData,
success: function(data) {
$(".user-success-code").html(data);
}
})
e.preventDefault();
});
推荐阅读
- php - 如何在 Codeigniter 中读取控制器中的任何方法之前检查条件?
- react-native - 是否有可以在 React Native 中使用的注册/身份验证 api
- typescript - 如何在 Primeng 的 p 编辑器中的特定位置显示光标
- wordpress - 更改 wordpress 主题的默认语言
- javascript - 256x256 平铺中 OSM 像素的经度、纬度
- wordpress - WordPress - 根据条件隐藏表格行
- android - 在依赖实现“com.google.android.libraries.places:places:1.0.0”中添加这个时无法解析 GlideAnimation
- c - 为什么我会收到此“将参数传递给参数”错误
- mysql - 如何在 MySQL 中使用 next 更新当前行?
- vue.js - ag-Grid 在 Vue 中无法正确呈现(与 Vuetify 结合使用)