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

Question

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

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

我怎样才能做到这一点？我正在使用 laravel 5.4

标签： ajaxlaravel

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 : '';
});