Javascript 如何在html标记（如p或div）中显示来自ajax的数据 url:{{route（“dashboard.diklat_name”）}}， 数据：{dari:dari，sampai:sampai}， 键入：“get”， 数据类型：“json”， 成功：功能（响应）{ var-len=0； len=响应['data']。长度； 如果（len>0）{ 对于（var指数=0；指数{ 数据+=“

这个代码给我一个显示。但在日志中，它会返回我得到的所有数据

例如，我有50个数据，我想在

---

谢谢

您可以使用字符串插值和浓缩所有生成的p标记来获取p标记内的所有数据

        url:'{{ route("dashboard.diklat_name") }}',
        data:{dari:dari, sampai:sampai},
        type: 'get',
        dataType: 'json',
        success:function(response) {
            var len = 0;
            len = response['data'].length;
            
            if (len > 0) {
                for (var index = 0; index < len; index++) {
                    document.getElementById('diklat_name').innerHTML = response['data'][index].name;
                    console.log(response['data'][index].name);
                }
            }
        }

让allNamesElement=''；
对于（var指数=0；指数`；
日志（响应['data'][index].name）；
}
document.getElementById（'diklat_name'）。innerHTML=allNamesElement；

您可以试试这个

let allNamesElement = '';
for (var index = 0; index < len; index++) {
     allNamesElement += `<p>${response['data'][index].name}</p>`;
     console.log(response['data'][index].name);
}

document.getElementById('diklat_name').innerHTML = allNamesElement;

url:{{route（“dashboard.diklat_name”）}}，
数据：{dari:dari，sampai:sampai}，
键入：“get”，
数据类型：“json”，
成功：功能（响应）{
var-len=0；
len=响应['data']。长度；
让html=document.getElementById（'diklat_name'）.innerHTML；
如果（len>0）{
对于（var指数=0；指数

试试这个

 url:'{{ route("dashboard.diklat_name") }}',
        data:{dari:dari, sampai:sampai},
        type: 'get',
        dataType: 'json',
        success:function(response) {
            var len = 0;
            len = response['data'].length;
            let html =  document.getElementById('diklat_name').innerHTML;
            if (len > 0) {
                for (var index = 0; index < len; index++) {
                  html  += response['data'][index].name;
                    console.log(response['data'][index].name);
                }
            }
        }

url:{{route（“dashboard.diklat_name”）}}，
数据：{dari:dari，sampai:sampai}，
键入：“get”，
数据类型：“json”，
成功：功能（响应）{
var-len=0；
len=响应['data']。长度；
如果（len>0）{
让数据=“”；
响应['data'].forEach（（项目）=>{
数据+=“”+item.name+“
”；
console.log（item.name）；
)}
document.getElementById（'diklat_name'）。innerHTML=data；
}
}

你能在laravel侧显示你的控制器方法CODEALDD（resposne）并显示吗？这样我们就可以很容易地帮助你了

    url:'{{ route("dashboard.diklat_name") }}',
        data:{dari:dari, sampai:sampai},
        type: 'get',
        dataType: 'json',
        success:function(response) {
            var len = 0;
            len = response['data'].length;
            
            if (len > 0) {
                let data = '';
                response['data'].forEach((item) => {
                   data += "<p>" + item.name + "</p>";
                   console.log(item.name);
                )}
                document.getElementById('diklat_name').innerHTML = data;
            }
        }