来自输入文本Laravel 5.4的动态数据

Question

我想在我的一个创建表单中执行与下图相同的操作：

我想编写用户的ID并动态显示它的名称，将其放在下面的输入中，如图所示。

我该怎么做？我正在使用laravel 5.4

Answer 1

使用像这样的ajax请求

$("#id_of_input").keyup(function(){
    $.ajax({url: "http://example.com/api/name/" + $(this).val(), success: function(result){
        $("#user_name").html(result);
    }});
});

并添加web.php

Route::get('/api/name/{id}', function ($id) {
    $user = User::find($id);
    return $user ? $user->name : '';
});