Jquery 如何将mongodb中的全名显示为输入值

Jquery 如何将mongodb中的全名显示为输入值,jquery,node.js,ajax,mongodb,Jquery,Node.js,Ajax,Mongodb,我有一个正在进行的项目,使用ajax从api获取数据,每次我尝试从数据库获取用户全名时,我只获取名称的第一个单词,如何从数据库获取用户全名并将其作为输入标记的值注入 这是我的密码: getProfile(); //Get Profile function getProfile() { $.ajax({ type: 'GET', url: 'http://localhost:3000/users/me',

我有一个正在进行的项目,使用ajax从api获取数据,每次我尝试从数据库获取用户全名时,我只获取名称的第一个单词,如何从数据库获取用户全名并将其作为输入标记的值注入

这是我的密码:

getProfile();
    //Get Profile
    function getProfile() {
        $.ajax({
            type: 'GET',
            url: 'http://localhost:3000/users/me',
            headers: {
                'Content-Type': 'application/json'
            },
            crossDomain: true,
            cache: false,
            success: function (data) {
                console.log('Get Profile Successfully!')
                console.log(data)
                let profile_name = '';
                let view = '';
                    view += "<form class='needs-validation' id='forms' novalidate>";
                    view += "<div class='form-row'>";
                    view += "<div class='col-md-12 mb-3'>";
                    view += "<label for='validationCustom01'>Full Name</label>";
                    view += "<input type='text' class='form-control' id='validationCustom01' placeholder='Full Name' value="+data.name+">";
                    view += "</div>";
                    view += "<div class='col-md-12 mb-3'>";
                    view += "<label for='validationCustom02'>Email Address</label>";
                    view += "<input type='email' class='form-control' id='validationCustom02' value=" + data.email + "  disabled>";
                    view += "</div>";
                    view += "<div class='col-md-12 mb-3'>";
                    view += "<label for='validationCustom03'>Age</label>";
                    view += "<input type='number' class='form-control' id='validationCustomUsername' placeholder='Age' value=" + data.age + ">";
                    view += "</div>";
                    view += "<div class='col-md-12 mb-3'>";
                    view += "<label for='validationCustom03'>Password</label>";
                    view += "<input type='password' class='form-control' id='validationCustom04' placeholder='Password'>";
                    view += "</div>";
                    view += "<div class='col-md-12 mb-3'>";
                    view += "<label for='validationCustom03'>Repeat-Password</label>";
                    view += "<input type='password' class='form-control' id='validationCustom05' placeholder='Repeat-Password'>";
                    view += "</div>";
                    view += "<button class='btn btn-primary' type='submit'>Save</button>";
                    view += "</form>";
                    profile_name += " <p class='name'>"+data.name+"</p>";
                    profile_name += "<p class='role'>Task Manager</p>";

                $('.users-form').html(view);
                $('.profile_data').html(profile_name);

            },
            error: function (error) {
                console.log(error)
            }
        });
    };
getProfile();
//获取配置文件
函数getProfile(){
$.ajax({
键入:“GET”,
网址:'http://localhost:3000/users/me',
标题:{
“内容类型”:“应用程序/json”
},
跨域:是的,
cache:false,
成功:功能(数据){
console.log('成功获取配置文件!')
console.log(数据)
让profile_name='';
让视图=“”;
查看+=“”;
查看+=“”;
查看+=“”;
查看+=“全名”;
查看+=“”;
查看+=“”;
查看+=“”;
查看+=“电子邮件地址”;
查看+=“”;
查看+=“”;
查看+=“”;
查看+=“年龄”;
查看+=“”;
查看+=“”;
查看+=“”;
查看+=“密码”;
查看+=“”;
查看+=“”;
查看+=“”;
查看+=“重复密码”;
查看+=“”;
查看+=“”;
查看+=“保存”;
查看+=“”;
profile_name+=“

”+data.name+”

”; profile_name+=“

任务管理器”

”; $('.users form').html(视图); $('.profile_data').html(profile_名称); }, 错误:函数(错误){ console.log(错误) } }); };
value=“+data.name+”
,假设data.name是
Cat-Hat
;当对表达式求值时,它变成
value=Cat Hat
——这使得HTML解析器认为第一个空格是新属性的开始解决方案是在值周围添加引号,如:
value='“+data.name+”


您还应该使用HTML实体
name
,这样您就不会有XSS漏洞(data.name=
“onload=alert(1)
)。模板的其余部分也是如此。

没问题,请确保模板中的数据不会为XSS引入任何可能性。如何摆脱XSSvulnerability@SamsonUgwuHTML实体存储数据<代码>'→ <代码>&apos
等。有许多节点包可以做到这一点,只需在npm上搜索
html实体即可。我希望你能解决这个问题好的,我会试试的。