Javascript 如何将表单提交与登录到控制台的ID一起发布到数据库
我正在尝试在引导模式中添加表单提交,以及单击以打开数据库模式的行的ID。我可以单独添加ID,也可以单独添加表单提交,但我不能将这两个信息源合并到同一个数据库中 在下面的代码中,我得到了ID(var uid),并将其记录在控制台中 是否可以将记录的值添加到ajax日志中?我如何才能做到这一点,所以它与表单值一起发送Javascript 如何将表单提交与登录到控制台的ID一起发布到数据库,javascript,ajax,Javascript,Ajax,我正在尝试在引导模式中添加表单提交,以及单击以打开数据库模式的行的ID。我可以单独添加ID,也可以单独添加表单提交,但我不能将这两个信息源合并到同一个数据库中 在下面的代码中,我得到了ID(var uid),并将其记录在控制台中 是否可以将记录的值添加到ajax日志中?我如何才能做到这一点,所以它与表单值一起发送 $(文档).ready(函数(){ $(文档).on('click','#getUser',函数(e){ e、 预防默认值(); var uid=$(this).data('id')
$(文档).ready(函数(){
$(文档).on('click','#getUser',函数(e){
e、 预防默认值();
var uid=$(this).data('id');//获取所单击行的id
控制台日志(uid);
$(“#bestilform”)。关于(“提交”,功能(e){
var formURL=$(this.attr(“操作”);
var antal_ordre=$(“antal_ordre”).val();
var navn_ordre=$(“navn_ordre”).val();
var email_ordre=$(“email_ordre”).val();
var telefonnummer_ordre=$(“telefonnummer_ordre”).val();
$.ajax({
url:formURL,
类型:“POST”,
数据:{'id':uid,'antal_ordre':antal_ordre,'navn_ordre':navn_ordre,'email_ordre':email_ordre,'telefonnummer_ordre':telefonnummer_ordre},
数据类型:“json”
})
隐藏modalcontant并显示顺序
成功:函数(数据、文本状态、jqXHR){
$(“#seordre”).show();
$(“#afgivordre”).hide();
},
错误:函数(jqXHR、状态、错误){
console.log(状态+”:“+错误);
}
});
e、 预防默认值();
});
//提交id为的表单#提交表单
$(“#提交表单”)。在('click',function()上{
$(“#bestilform”).submit();
});
});
这个
数据:“id”:uid
在数据库中给了我一个0。我正在转换为php文件中的整数。在设置它的函数和需要它的函数之外定义您的var uid
。使这两个功能都具有全局性。(这不是最好的方法)。将参数传递给提交函数的更好方法。在这种情况下,您将实现一致性,并且您的UID永远不会未定义。您的代码可能看起来像
$(文档).ready(函数(){
//定义变量
变量uid;
$(文档).on('click','#getUser',函数(e){
e、 预防默认值();
//在一个函数中设置它
uid=$(this).data('id');//获取所单击行的id
控制台日志(uid);
//再叫一个
$(“#bestilform”).submit();
});
$(“#bestilform”)。关于(“提交”,功能(e){
var formURL=$(this.attr(“操作”);
var antal_ordre=$(“选择[name$='antal_ordre']”)val();
var navn_ordre=$(“输入[name$='navn_ordre']”)val();
var email_ordre=$(“输入[name$='email_ordre']”)val();
var telefonnummer_ordre=$(“input[name$='telefonnummer_ordre']”)val();
//uid将在这里可用
$.ajax({
url:formURL,
类型:“POST”,
数据:{
'id':uid,
“安泰秩序”:安泰秩序,
“navn_ordre”:navn_ordre,
“电子邮件顺序”:电子邮件顺序,
“telefonnummer\u ordre”:telefonnummer\u ordre
},
数据类型:“json”
});
//还有别的吗???
返回false;
});
//提交id为的表单#提交表单
$(“#提交表单”)。在('click',function()上{
$(“#bestilform”).submit();
});
});代码>
点击我
安塔尔马蒂德酒店
1.
2.
3.
4.
5.
6.
7.
8.
9
10
富尔德纳文
电子邮件
电话号码
+45
蒂尔贝奇
Køb Måltid!
啊,太完美了!成功了!非常感谢你的帮助!我在数据库中得到一个空条目和表单条目,但我只是删除了这部分,然后它就工作得很好了。//并调用另一个$(“#bestilform”).submit();很高兴这有帮助。接受回答:
$(document).ready(function () {
$(document).on('click', '#getUser', function(e){
e.preventDefault();
var uid = $(this).data('id'); // get id of clicked row
console.log(uid);
$("#bestilform").on("submit", function(e) {
var formURL = $(this).attr("action");
var antal_ordre = $("antal_ordre").val();
var navn_ordre = $("navn_ordre").val();
var email_ordre = $("email_ordre").val();
var telefonnummer_ordre = $("telefonnummer_ordre").val();
$.ajax({
url: formURL,
type: "POST",
data: {'id': uid, 'antal_ordre': antal_ordre, 'navn_ordre': navn_ordre, 'email_ordre': email_ordre, 'telefonnummer_ordre': telefonnummer_ordre},
dataType: 'json'
})
hide modalcontant and show order
success: function(data, textStatus, jqXHR) {
$("#seordre").show();
$("#afgivordre").hide();
},
error: function(jqXHR, status, error) {
console.log(status + ": " + error);
}
});
e.preventDefault();
});
//submit form with id #submitForm
$("#submitForm").on('click', function() {
$("#bestilform").submit();
});
});
</script>