Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript json数据在每个内部追加时被修剪_Javascript_Jquery_Html - Fatal编程技术网

Javascript json数据在每个内部追加时被修剪

Javascript json数据在每个内部追加时被修剪,javascript,jquery,html,Javascript,Jquery,Html,json数据在传递到输入元素时被修剪。我希望能够将数据作为输入传递并编辑它,但数据会被修剪 Example: Expected in input: John Lemon - Class 2018 (with 12 of 12 subj) Output: John $.each(jsonData, (index, value) => { tbrow = $("<tr class='some-click'></tr>");

json数据在传递到输入元素时被修剪。我希望能够将数据作为输入传递并编辑它,但数据会被修剪

Example:        
Expected in input: John Lemon - Class 2018 (with 12 of 12 subj) 
Output: John 


$.each(jsonData, (index, value) => {
            tbrow = $("<tr class='some-click'></tr>");
            tbrow.append("<td><input class='some-control'type='text' value="+value.Description+"></td>");
            $("#edit-person").append(tbrow);        
});

Sample JSON Data

"Class": [
    {
      "ID": "1",
      "Description": "John Lemon - Class 2018 (with 12 of 12 subj)",
      "Class": "0",
    },
    {
      "ID": "2",
      "Description": "Jane Hathaway - Class 2017 (with 11 of 11 subj)",
      "Class": "0",
    }
  ]
示例:
预计投入:John Lemon-2018级(12个主题中的12个)
输出:约翰
$.each(jsonData,(索引,值)=>{
tbrow=$(“”);
tbrow.追加(“”);
$(“#编辑人”).append(待定);
});
示例JSON数据
“类”:[
{
“ID”:“1”,
“描述”:“John Lemon-2018级(12个主题中的12个)”,
“类”:“0”,
},
{
“ID”:“2”,
“说明”:“Jane Hathaway-2017级(11个科目中的11个)”,
“类”:“0”,
}
]

如何在value属性中传递json数据而不进行修剪?当我控制台数据时,它会得到数据,但当传递到属性时,它会被修剪,这是因为空格吗

构造HTML字符串时,您的引号不正确

尝试:

“”

您可以在原始代码中看到这样的内容:
value=“+value.Description+”
,但您也使用了
来启动HTML字符串,因此值标记变成了
value=John Lemon-Class 2018(12个subc中的12个)
,而不是
value=“John Lemon-Class 2018(12个subc中的12个subc)”“
,因此HTML引擎尝试自己插入引号,导致您的HTML被破坏。

在构造HTML字符串时,您的引号不正确

尝试:

“”

您可以在原始代码中看到这样的内容:
value=“+value.Description+”
,但您也使用了
来启动HTML字符串,因此值标记变成了
value=John Lemon-Class 2018(12个subc中的12个)
,而不是
value=“John Lemon-Class 2018(12个subc中的12个subc)”“
,因此HTML引擎尝试自己插入引号,导致您的HTML被破坏。

请提供一个实际格式为JSON的JSON示例,以便我们了解发生了什么。“修剪”是什么意思?名称前后是否有重要的空格?或者,您的意思是姓氏和类部分不包含在JSON文本中的名称字段中?我有一种预感,当解析JSON文本时,它将有一个名称、姓氏和类属性等等,因此您需要这样的内容:
value.name+'-'+value.name+'-'+value.class
您提供的JSON示例不会在您自己的代码中生成输出
john
,因为类中没有name属性。如果这个JSON是正确的,那么您需要
value.Description
而不是
value.Name
,因为在显示的类数组中,对象上唯一可用的属性是
ID
Description
Class
。@Shilly我添加了一个JSON数据。我想获取属性输入中的全部数据,并能够编辑整个“John Lemon-Class 2018(12个主题中的12个)”,但html显示如下value=“John”Lemon-Class 2018(12个主题中的12个)@Shilly Sorry复制了错误的代码,应该是“value.Description”如果这是输出,您的引用是错误的。请提供一个实际格式为JSON的JSON示例,以便我们了解发生了什么。“修剪”是什么意思?名称前后是否有重要的空格?或者,您的意思是姓氏和类部分不包含在JSON文本中的名称字段中?我有一种预感,当解析JSON文本时,它将有一个名称、姓氏和类属性等等,因此您需要这样的内容:
value.name+'-'+value.name+'-'+value.class
您提供的JSON示例不会在您自己的代码中生成输出
john
,因为类中没有name属性。如果这个JSON是正确的,那么您需要
value.Description
而不是
value.Name
,因为在显示的类数组中,对象上唯一可用的属性是
ID
Description
Class
。@Shilly我添加了一个JSON数据。我想获得属性输入中的全部数据,并能够编辑整个“John Lemon-Class 2018(12/12主题)”,但html显示如下value=“John”Lemon-Class 2018(12/12主题)@Shilly抱歉复制了错误的代码,应该是“value.Description”更改了它如果这是输出,您的引用是错误的。
'<td><input class="some-control" type="text" value="' + value.Description + '"></td>'