2013-02-05 9 views
-2

У меня есть форма, настроенная как демо: http://www.alessioatzeni.com/wp-content/tutorials/jquery/login-box-modal-dialog-window/index.html Но я не знаю, как опубликовать имя пользователя и пароль для обработки моим jQuery. Кто-нибудь может мне помочь?Как отправить эту форму с помощью jQuery?

+3

Посмотрите на API jQuery AJAX http://api.jquery.com/jQuery.ajax/ – elclanrs

+0

... что плюс функция 'serialize' – keithjgrant

+0

Если вы хотите, чтобы вы вернули данные на свой основной веб-сайт, используйте AJAX. http://api.jquery.com/jQuery.ajax/ Вы можете связать функцию с jQuery.ajaxSuccess(), чтобы вернуть результат PHP. – object

ответ

1

Вы должны разместить специальный код у вас возникли проблемы с, но я думаю, что это поможет:

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

+1 для того, чтобы быть единственным ответом, пока не просто проводя ссылку и вне курса, потому что это тоже полезный ответ. – Nope

+1

@ FrançoisWahl не говоря уже о том, что ассер также опубликовал ссылку –

0

Надеется, что это поможет. Гораздо проще, потому что у вас есть только 2 поля. Thanks

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 
    } 
    } 
}); 

}); 

Cheers!

+0

Не будет ли это работать не в этой конкретной форме, потому что ее кнопка, а не вход: ' ' – Pachonk

+0

О, я вижу, спасибо. Я отредактирую его как .click. –

+0

'$ (" #. Submit.button "). Click (function() {' ?? – Pachonk

Смежные вопросы