Question

可能重复：
Convert form data to JS object with jQuery

我需要将我的用户登录到外部网站，但是有一个问题，这个网站只处理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>

以上只发送平均值=值数据，我如何使用POST json-data到外部https？

Answer 1

这是一个使用jQuery.ajax()

的简单jquery示例

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

使用json-data POST在https上自动登录

1 个答案: