【问题标题】:How would I post this form using jQuery? [closed]我将如何使用 jQuery 发布此表单? [关闭]
【发布时间】:2013-02-05 00:51:56
【问题描述】:

我的表单设置与这里的演示完全相同:http://www.alessioatzeni.com/wp-content/tutorials/jquery/login-box-modal-dialog-window/index.html 但我不知道如何发布用户名和密码以便由我的 jQuery 处理。有人可以帮帮我吗?

【问题讨论】:

标签: php jquery html forms


【解决方案1】:

您应该发布您遇到问题的具体代码,但我认为这会有所帮助:

$(document).on('click', '.submit.button', function () {
    $.post('/signin', $(this).closest('form').serialize(), function (data) {
        //check success or failure
    });
});

【讨论】:

  • +1 是迄今为止唯一的答案,而不仅仅是发布链接,当然它也是一个有用的答案。
  • @FrançoisWahl 更不用说提问者也刚刚发布了一个链接
【解决方案2】:

希望这会对您有所帮助。容易得多,因为您只有 2 个字段。谢谢

jQuery('.submit.button').click(function(){ 
 var username = jQuery(this).find('#username').val(); 
 var password = jQuery(this).find('#password').val(); 

 jQuery.ajax({
    url: "login.php",
    data:{username:username, password: password},
    type: "post",
    success: function(html) {
           //add success function here
    },
    error: function(html) {
       //add error login here
},
    statusCode: {
     404: function() {
       //404 here
     }
    }
});

});

干杯!

【讨论】:

  • 不会因为它是一个按钮而不是输入而在该特定表单上不起作用:<button class="submit button" type="button">Sign in</button>
  • 哦,我明白了,谢谢。我将其编辑为 .click。
  • $("#.submit.button").click(function() {??
  • 更新了答案。谢谢亚历克斯
  • 是的,完全没有问题。
猜你喜欢
  • 2013-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多