使用Ajax填充HTML输入字段

Question

我想使用ajax从数据库中获取数据，并将其传递到HTML输入字段中。我已经试过了..但是我已经在输入字段中收到了[Object object]

tasks.withType(JavaCompile) {
    options.encoding = 'UTF-8'
}

Answer 1

因为响应数据json对象。您可以使用此：

      $(document).ready(function(){
$.get("https://reqres.in/api/users?page=1", function(e){ 
   $('firstName').val(JSON.stringify(e));
 })
})

Answer 2

只是循环遍历，e.data是您必须循环遍历的数组

$(document).ready(function(){
$.get("https://reqres.in/api/users?page=1", function(e){ 
   //  console.log(e);
    $.each( e.data, function( key, value ) {
          console.log(value.first_name);
        // you can use avatar,id,lastname, like this,
    });
 })

Answer 3

您可以使用 getJSON（）函数简化

  $（document）.ready（）函数{
      $ .getJSON（“ https://reqres.in/api/users?page=1”，函数（数据）{
         $ .each（data.data，function（i）{
           $（'＃firstName'）。val（data [i] .first_name）;
         }）;
      }）;
    };