javascript - Mithril ajax 发送空输入

Question

我正在尝试使用 CodeIgniter 通过 ajax 和 Mithril.js 发送 POST 请求。但由于某种原因，输入总是为空。我尝试过使用常规的 ajax post 请求，效果很好，但 Mithril 却不行。

       m.request({
            method: "POST",
            url: "http://localhost/index.php/login",
            data: {
                username: $("#login-username").val(), 
                password: $("#login-password").val()
            }
        })
        .then(function(result) {
            console.log(result)
        })

还有 php

public function login()
    {
        $username = $this->input->post('username');

        die($username);
    }

它总是在控制台中打印“null”。有什么想法吗？

更新:

 <form class="uk-form-stacked uk-margin-remove" id="login-form" method="post" action="index.php/login">
            <fieldset class="uk-fieldset">
                <div class="uk-margin">
                    <div class="uk-inline uk-width-1-1">
                        <span class="uk-form-icon" uk-icon="icon: user"></span>
                        <input class="uk-input" id="login-username" name="username" type="text" placeholder="Username">
                    </div>
                </div>

                <div class="uk-margin">
                    <div class="uk-inline uk-width-1-1">
                        <span class="uk-form-icon" uk-icon="icon: lock"></span>
                        <input class="uk-input" id="login-password" name="password" type="password" placeholder="Password">
                    </div>
                </div>

                <div class="uk-margin" style="margin-top:10px">
                    <label ><input class="uk-checkbox" type="checkbox"> Remember me</label>
                </div>

                <input type="submit" class="uk-button uk-button-primary uk-width-1-1" value="Login">
            </fieldset>
        </form>

路线:

$route['login']['post'] = 'Users/login';

Answer 1

该代码将向服务器发送 JSON 正文，而不是表单提交。我猜您的 PHP 代码期望数据的格式类似于 <form>会发送它，因此您需要使用 FormData实例。

var data = new FormData();

data.append("username", document.querySelector("#username").value);
data.append("password", document.querySelector("#password").value);

m.request({
        method: "POST",
        url: "https://httpbin.org/post",
        data: data
    })
    .then(function(result) {
        console.log(result)
    })

我还设置了一个 JsBin，您可以在其中看到它的工作情况并查看它。

https://jsbin.com/gififo/2/