首页 > 解决方案 > 为什么输入显示半文本而ajax响应具有完整字符串

问题描述

我有一个脚本,它从 apis 获取数据并在 ajax 成功响应中 ajax 得到:-

date: "2018-12-06"
date_time: 1544077867
description: "This is second image"
id: 2
image_url: "image_url/image.jpg"
name: "Second Image"
status: 1

在将数据附加到输入字段时,它将显示例如上面的数据,它显示了description like "This"while description having "This is a second image"。同样的事情也name将在输入字段中显示为“第二个”,而它包含“第二个图像”。我在下面发布了我的代码:-

success:function(response){
  console.log(response.response.data)
  console.log(response.response.data.description)
  $('#elements').append('<input id="name" type="text" value='+response.response.data.name+'><br><br>');
  $('#elements').append('<input id="description" type="text" value='+response.response.data.description+'><br><br>');
  $('#elements').append('<input id="image_url" type="text" value='+response.response.data.image_url+'><br><br>');
  $('#elements').append('<input id="date" type="text" value='+response.response.data.date+'><br><br>');
  $('#elements').append('<input id="date" type="hidden" value='+response.response.data.id+'><br><br>');
        }

标签: jquery

解决方案


把你的结果搅拌成引号:

<input id="name" type="text" value="'+response.response.data.name+'">
                                   ^                               ^

推荐阅读