jquery - 使用Jquery提交表单数据后如何将空值修复到我的后端
问题描述
我目前正在从数据库中插入数据,我在我的 url 中使用的是 laravel 的 api,现在我不知道为什么在我的后端返回值,但是在我的前端,当我尝试提醒值时正在显示。你能帮我吗,或者我只是想念我的后端谢谢。
我在前端有我的功能,
$(document).ready(function(){
$('button#submit_contact_form').click(function(e) {
var contact_subject_option = $('#contact_subject_option').val();
var contact_transaction_date = $('#contact_transaction_date').val();
var contact_first_name = $('#contact_first_name').val();
var contact_lname = $('#contact_lname').val();
var contact_contact_number = $('#contact_contact_number').val();
var contact_email_address = $('#contact_email_address').val();
var contact_store_number = $('#contact_store_number').val();
var contact_transaction_number = $('#contact_transaction_number').val();
var contact_content_article = $('#contact_content_article').val();
alert(contact_subject_option);
$.ajax({
type:'POST',
url:'/api/insert_contact',
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
processData: true,
data:{contact_subject_option: contact_subject_option,
contact_transaction_date: contact_transaction_date,
contact_first_name: contact_first_name,
contact_lname: contact_lname,
contact_contact_number: contact_contact_number,
contact_email_address: contact_email_address,
contact_store_number: contact_store_number,
contact_transaction_number: contact_transaction_number,
contact_content_article: contact_content_article
},
success:function(response) {
if(response == 'Successfully Submitted')
{
swal("Poof! Your message has been sent to the administrator.", {
icon: "success",
});
}
},
error:function(response) {
console.log(response);
}
})
// if(contact_subject_option.length == 0 ||
// contact_transaction_date.length == 0 ||
// contact_first_name.length == 0 ||
// contact_lname.length == 0 ||
// contact_contact_number.length == 0 ||
// contact_email_address.length == 0 ||
// contact_store_number.length == 0 ||
// contact_transaction_number.length == 0 ||
// contact_content_article.length == 0)
// {
// swal("Please fill up all fields..", {
// icon: "warning",
// });
// }
// else{
// }
})
})
现在在我的后端我使用 laravel Controller 作为我的后端,
public function insert_contact(Request $request) {
$subject = $request->get('contact_subject_option');
$fname = $request->get('contact_first_name');
$lname = $request->get('contact_lname');
$contact = $request->get('contact_contact_number');
$email = $request->get('contact_email_address');
$message = $request->get('contact_content_article');
$storenum = $request->get('contact_store_number');
$transactionnumber = $request->get('contact_transaction_number');
$datetransaction = $request->get('contact_transaction_date');
$now = new DateTime();
DB::insert('INSERT INTO mail (firstname,lastname,email,contact,message,store_number,subject,transaction_date,transaction_number,status,created_at) VALUES (?,?,?,?,?,?,?,?,?,?,?) ',[
$fname,
$lname,
$email,
$contact,
$message,
$storenum,
$subject,
$datetransaction,
$transactionnumber,
'Unread',
$now
]);
// $data = array(
// 'contents' => $message,
// 'firstname' => $fname,
// 'lastname' => $lname,
// 'email' => $email,
// 'transactionnumber' => $transactionnumber,
// 'storenumber' => $storenum,
// 'contactnumber' => $contact,
// 'subject' => $subject,
// );
// \Mail::send('mailtext', $data,function($message){
// // $message->to('shiela.abundo@hiflyer.ca','Hiflyer');
// $message->to('george.muncal@hiflyer.ca','Hiflyer');
// $message->from('noreplyhfiofi@gmail.com','Hiflyer');
// $message->subject('New Notification');
// });
return response()->json('Successfully Submitted');
}
解决方案
我通过更改数据类型解决了这个问题,我用这个
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
推荐阅读
- java - Java中while循环的顺序
- java - 这个类线程如何安全?(实践中的并发)
- java - 在特定设备上使用 Google Nearby Connections 发送文件时出现问题
- android - Flutter:如何使用“方向”启动谷歌地图应用程序到预定义的位置?
- stored-procedures - 在 snowflake 中,在授予对存储过程的“使用”访问权限时,我遇到了语法错误
- c# - C# SelfHost 如何限制所有外部请求?
- ios - 带有 React-Navigation 的 React-Native Deeplinks 不起作用
- sql-server - 带引用的 SQL MIN、MAX 窗口查询
- firebase - 如何在 Flutter 中创建 Datatable Form Firestore 到 CSV 文件
- google-sheets - 日期转换 - Google 表格中的公历到 Hijr