Javascript使用AJAX在点击按钮时填充输入

一切都差不多了！我只需要找出为什么下面的代码不会给我超过第一个按钮的值

public static function getProjectOnSearch($inp){
        return DB::table('projecten')
            ->select(DB::raw('titel,status,prioriteit,soort,projectnaam,projecturl
            ,gebruikersnaam,wachtwoord
            ,gebruiker_id,omschrijvingproject'))
            ->where('projectnaam', 'LIKE', '%'.$inp.'%')
            ->get();
    }

我想在单击按钮时用数据库中的值填充一些输入字段。我有代码来填充一个名字，然后点击搜索按钮来填充输入。这很有效。当我将该代码与另一个按钮一起使用时，它将不起作用。请参阅下面的代码

Javascript代码：

<script type="text/javascript">
    $("#wijzigKnop2").on("click",function(){
      var email2 = $('#zoeknaam2').val('');
      $('#titel2').val('');
      $('#status2').val('');
      $('#prioriteit2').val('');
      $('#type2').val('');
      $('#projectnaam2').val('');
      $('#projecturl2').val('');
      $('#gebruikersnaam2').val('');
      $('#wachtwoord2').val('');
      $('#omschrijving2').val('');

      $.ajax({
        method: "POST",
        url: "/updateProjectData",
        data: {   input: email2 ,
               _token: "{{ csrf_token() }}"
              }
      })
        .done(function( msg ) {
        $('#titel2').val(msg[0].titel);
        $('#status2').val(msg[0].status);
        $('#prioriteit2').val(msg[0].prioriteit);
        $('#soort2').val(msg[0].soort);
        $('#projectnaam2').val(msg[0].projectnaam);
        $('#projecturl2').val(msg[0].projecturl);
        $('#gebruikersnaam2').val(msg[0].gebruikersnaam);
        $('#wachtwoord2').val(msg[0].wachtwoord);
        $('#omschrijving2').val(msg[0].omschrijvingproject);
      });

    });
</script>

$（“#wijzigKnop2”）。在（“单击”，函数（）{
var email2=$（'#zoeknaam2'）.val（''）；
$（'#titel2'）.val（''）；
$（'#status2'）.val（''）；
$（'prioriteit2'）.val（''）；
$（'#type2'）.val（''）；
$（'#projectnaam2'）.val（''）；
$（'#projecturl2'）.val（''）；
$（'gebruikersnaam2'）.val（''）；
$（'wachtwoord2'）.val（''）；
$（'omschrijving2'）.val（''）；
$.ajax({
方法：“张贴”，
url:“/updateProjectData”，
数据：{输入：email2，
_令牌：{{csrf_token（）}}”
}
})
.done（函数（msg）{
$（'#titel2'）.val（msg[0].titel）；
$（'#status2'）.val（msg[0].status）；
$（'#prioriteit2'）.val（msg[0].prioriteit）；
$（'#soort 2'）.val（msg[0].soort）；
$（'#projectnaam2'）.val（msg[0].projectnaam）；
$（'#projecturl2'）.val（msg[0].projecturl）；
$（'#gebruikersnaam2'）.val（msg[0].gebruikersnaam）；
$（'#wachtwoord 2'）.val（msg[0].wachtwoord）；
$（'#omschrijving2'）.val（msg[0].omschrijvingproject）；
});
});

带有隐藏值输入的HTML按钮（通常会键入值，但此按钮将从HTML表中获取值，该表通过foreach生成一行）

---

欢迎您提供任何答案或想法，提前感谢您的发布

获取元素的值，然后清除它

var email2 = $('#zoeknaam2').val();
$('#zoeknaam2').val('');

请查收

var email2 = $('#zoeknaam2').val('');

这不应该是空白的

var email2 = $('#zoeknaam2').val();

若您在服务器端得到了正确的值，那个么服务器端代码就会出现问题

要查看响应，请执行以下操作：

console.log(JSON.stringify(msg));

根据提问者服务器端解决

public static function getProjectOnSearch($inp){
    return DB::table('projecten')         ->select(DB::raw('titel,status,prioriteit,soort,projectnaam,projecturl ,gebruikersnaam,wachtwoord ,gebruiker_id,omschrijvingproject')) ->where('projectnaam', 'LIKE', '%'.$inp.'%') ->get(); 
}

---

修复所有问题。

您的代码是否失败？请检查您发布的数据是否正确传递到ajax。请查看浏览器控制台，检查ajax输出是否为您的ajax请求未发送？？然后发送到ajax的数据出现问题。是否检查了

msg

的值？是不是有东西。在控制台中检查一下。有点帮助。需要修复我的php代码：公共静态函数getProjectOnSearch（$inp）{return DB:：table（'projecten'）->select（DB:：raw（'titel，status，prioriteit，soort，projectnaam，projecturl，gebruikersnaam，wachtwoord，gebruiker_id，omschrijvingproject'））->where（'projectnaam'，'LIKE'，'%'。$inp.'%”）->get（）；}您需要按“id”搜索记录，因为您需要它来进行编辑。

public static function getProjectOnSearch($inp){
    return DB::table('projecten')         ->select(DB::raw('titel,status,prioriteit,soort,projectnaam,projecturl ,gebruikersnaam,wachtwoord ,gebruiker_id,omschrijvingproject')) ->where('projectnaam', 'LIKE', '%'.$inp.'%') ->get(); 
}