1

重複の可能性:
jQuery を使用してフォーム データを JS オブジェクトに変換する

ユーザーを外部 Web サイトにログインする必要がありますが、問題があります。この Web サイトは json-data POST 値のみを処理します。{"ユーザー名":"ユーザー","パスワード":"12345"}

<form action="https://external.com/login" method="POST">
<input name="username" value="user" />
<input name="password" value="12345" />
<input type="submit" />
</form>

上記は平均的なキー = 値データのみを送信します。JSON データを外部 https に POST するにはどうすればよいですか?

4

1 に答える 1

0

を使用した簡単なjqueryの例を次に示しますjQuery.ajax()

HTML:

<form action="https://external.com/login" method="POST" onsubmit="return postJson(this)">
<input name="username" value="user" />
<input name="password" value="12345" />
<input type="submit" />
</form>

JQ:

function postJson(form) {
    var action = $(form).attr('action');
    var user = $('[name="username"]', form).val();
    var pass = $('[name="password"]', form).val();

    console.log('action=' + action + ', user=' + user + ', pass=' + pass);

    $.ajax({
        url: action,
        type: 'POST',
        data: JSON.stringify({ username: user, password: pass }),
        success: function(data, status) {
            // do something after login
            console.log('success');
        },
        error: function() {
            console.log('error');
        }
    });

    return false;
}

JSFiddle

于 2013-02-01T12:48:58.037 に答える