Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表单提交与登录到控制台的ID一起发布到数据库_Javascript_Ajax - Fatal编程技术网

Javascript 如何将表单提交与登录到控制台的ID一起发布到数据库

Javascript 如何将表单提交与登录到控制台的ID一起发布到数据库,javascript,ajax,Javascript,Ajax,我正在尝试在引导模式中添加表单提交,以及单击以打开数据库模式的行的ID。我可以单独添加ID,也可以单独添加表单提交,但我不能将这两个信息源合并到同一个数据库中 在下面的代码中,我得到了ID(var uid),并将其记录在控制台中 是否可以将记录的值添加到ajax日志中?我如何才能做到这一点,所以它与表单值一起发送 $(文档).ready(函数(){ $(文档).on('click','#getUser',函数(e){ e、 预防默认值(); var uid=$(this).data('id')

我正在尝试在引导模式中添加表单提交,以及单击以打开数据库模式的行的ID。我可以单独添加ID,也可以单独添加表单提交,但我不能将这两个信息源合并到同一个数据库中

在下面的代码中,我得到了ID(var uid),并将其记录在控制台中

是否可以将记录的值添加到ajax日志中?我如何才能做到这一点,所以它与表单值一起发送

$(文档).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>