表单未使用jquery提交

时间:2015-09-25 04:41:18

标签: javascript jquery forms

我正在尝试使用oAuth 2.0验证用户,该工作正常并且正在使用jquery从谷歌获取用户信息,我想将其发送到下一页。所以要做到这一点,我使用jQuery以编程方式制作表单并使用相同的方式提交。但不幸的是,表格没有提交。我已经看到堆栈溢出的各种答案,并尝试使用这些东西实现,但它们都没有工作。

这是我的代码..

customButtonRender.js

function onSuccess(googleUser){

    console.log('Logged in as '+googleUser.getBasicProfile().getName());
    var profile = googleUser.getBasicProfile();
    submit_form(profile);
}


var submit_form = function(profile){

    console.log(profile.getId());
    console.log(profile.getName());
    console.log(profile.getImageUrl());
    console.log(profile.getEmail());

    var user_url = "localhost:8080/NUConnect_JSP/jsp/home.jsp";
    var val_form = $('<form data-ajax="false" method="POST" id="val_form"     action="' + user_url + '">'+
        '<input type="text" name="user_name" value="' + profile.getName() + '">'+
        '<input type="text" name="user_email" value="' + profile.getEmail() + '">'+
        '<input type="submit" name="user_submit" id="user_submit">'+
    '</form>');
    $('body').append(val_form);

    //    $("#val_form").submit();
    //    $("#val_form")[0].submit();
    //    $("#user_submit").click();
   document.getElementById("val_form").submit();

   console.log("After submit");

};

我在主题部分中包含了 customButtonRender.js 文件。

正如你所看到的,我已经尝试了各种方法来提交用评论写的形式,但没有一种方法有效。

所有日志都已成功打印。

1 个答案:

答案 0 :(得分:0)

如果您的数据不是那么保密,那么做一件事就是将这些信息传递到您的网址中

window.location.href = "localhost:8080/NUConnect_JSP/jsp/home.jsp?user_name="+profile.getName()+"&user_email="+ profile.getEmail();