html - Laravel + Ajax,将数据呈现给 html 的正确方法

标签 html css ajax laravel

我正在尝试更好地了解如何正确/恰本地将数据库中的数据呈现到我的页面。我目前正在使用 AJAX,我可以发布和检索它。我不明白的是如何根据需要在页面上显示它。即:

我可以用 <div id="note"></div>它会显示我的笔记正文。但是,我如何让它显示,例如,如果我想要

<div id="note"></div>
<p>By: {{show firstname}} {{show lastname}}</p>

因为如果我使用 <p id="firstname">By: </p>这会覆盖 By: text yes?

这是我的 AJAX 获取脚本

<script type="text/javascript">
$(function() {
    var note_id = {{$patient->patient_notes->id}}
    $.ajax({
        method: 'GET',
        url: "/patientnotes/" + note_id,
        success: function(data){
            console.log(data);
            $('#note').html(data.note);
            $('#firstname').html(data.firstname);
            $('#lastname').html(data.lastname);
        }
    });
});

这是我的 JSON 数据响应

{"id":6,"user_id":6,"patient_id":2,"note":"My test note!","firstname":"John","lastname":"Doe"}

同时,我还需要将数据(不使用上面的,我有的另一个页面)传递到我的 php foreach,有人会如何将 AJAX 结果传递到我的 php foreach()?没有在 javascript 中循环?

最佳答案

你可以使用跨度:

<div id="note"></div>
<p>By: <span id="firstname">{{show firstname}}</span> <span id="lastname">{{show lastname}}</span></p>

关于html - Laravel + Ajax,将数据呈现给 html 的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53747840/

相关文章:

javascript - 从背景大小 :cover/contain 中检索计算值

android - Android WebView 中的阿拉伯字体问题

jquery - 为什么ajax对象的url中添加了一些数字以及如何删除它们?

javascript - Jquery 事件在 ajax 调用后绑定(bind)两次

java - 通过 Ajax 创建 Java 对象

html - 我的 float /clearfix 在桌面上工作但在手机上中断

html - 我可以设置填充,但不能设置内联 SVG 元素的描边

javascript - 使用 CSS 在文本上应用图像 mask

html - 设置 AngularJS HTML5 路由

具有动态高度的 CSS 和 DIV