ajax - ログインして div セクションを「welcome $username」に変更します

Question

ユーザー名/パスワード/送信を表示するためにdivを使用しています

また、AJAXを使用して、ページを更新せずに「ログイン無効」を通知します

私がしなければならないことは、

ログインに成功したら、ログインに使用した div セクションの要素を非表示にし、同じ div に「welcome $username」を表示します。

(ページのリロードなし)

誰か助けてくれませんか？

Answer 1

jQuery のpostメソッドを使用します。

$.post(
    '/url/to/post/login/details/to/',
    $('#login-form').serilaize(),
    function(data) {
        // hide the existing div and add a paragraph containing the data
        // returned form the server
        $('#some-div')
            .hide()
            .after('<p>' + data + '</p>');
});

dataログインしたユーザーのユーザー名だけが含まれていると仮定します。