javascript - 尝试使用 Python、Ajax 调用和 Javascript 将字段从 MongoDB 填充到 HTML 时收到 JSON 错误
问题描述
我正在使用 Python 从 MongoDB 数据库中检索数据,然后使用 Ajax 将其发送到 Javascript,然后将数据用于填充页面 HTML 中的字段。在本地机器上运行应用程序时,它可以正常工作,但是在 Ubuntu 服务器上运行应用程序时,出现以下错误:
VM1419:1 未捕获的语法错误:JSON.parse () 中位置 0 处的 JSON 中的意外令牌 <
这是产生错误的 Javascript 函数:
function restoreData(){
$.get("restore_tab", function (tab_data) {
var parsed = JSON.parse(tab_data);
for (var i=0; i<parsed.length; i++){
var tab_does_exist = document.getElementById(parsed[i].tab_number);
if(tab_does_exist.innerHTML !== parsed[i].tab_name){
createTab(parsed[i].tab_number, parsed[i].tab_name);
}
}
});
$.get("sender", function (data) {
var parsed = JSON.parse(data);
var tabs = document.getElementsByClassName("tab");
for (i = 1; i < tabs.length; i++) {
var clear = tabs[i].innerHTML = "";
}
for (i = 0; i < parsed.length; i++) {
var delete_title = parsed[i].title;
var restore = document.getElementById(parsed[i].tab);
console.log(parsed[i].tab);
restore.insertAdjacentHTML('beforeend', `
<div id='close_container_${parsed[i].article_id}'>
<div class='close_border' id='close_border_${parsed[i].article_id}'>
<div class='close_bar' id='close_bar_${parsed[i].article_id}'>
<div class='close_btn' id='close_${parsed[i].article_id}' onclick='remove(id)'>×</div>
<div id='full_article_${parsed[i].article_id}'>
<h1 id='article_title_${parsed[i].article_id}'>${parsed[i].title}</h1>
<div class='tooltip'>
<button type='button' onclick='saveArticle(event, id)' id='save_article_${parsed[i].article_id}'class='button ripple'>Update</button>
<textarea cols='120' rows='3' onclick='copy('article_reference_${parsed[i].article_id}'); copiedText('copied_${parsed[i].article_id}')' readonly type='text' id='article_reference_${parsed[i].article_id}' class='ref'>${parsed[i].reference}</textarea>
<span id='copied_${parsed[i].article_id}' class='tooltip_text'>click to copy ⎘</span>
</div>
<div onclick='speedRead(id)' class='speed_read' id='speed_read_${parsed[i].article_id}'>Click to SpeedRead</div>
<p class='article_text' id='article_text_${parsed[i].article_id}'>${parsed[i].body}</p>
<a id='article_url_${parsed[i].article_id}' target='_blank' href= ${parsed[i].url}>Click to open full article</a>
<p style='color:#546de5;font-weight:900'>Your notes: </p>
<textarea id='article_notes_${parsed[i].article_id}' placeholder='type article notes here'>${parsed[i].notes}</textarea>
</div>
</div>
</div>
</div>`)
}
});}
在开发人员控制台上,这是导致错误的数据库正在检索的内容:
[{“tab”:“tab_2”,“article_id”:“746169745”,“url”:“ http://dx.doi.org/10.1186/s12870-019-1847-2 ”,“reference”:“参考: (2019-05-30)。MdFLP 在苹果自生根不定根向地性过程中对 MdPIN3 和 MdPIN10 的转录调控,可在:http ://dx.doi.org/10.1186/s12870-019-1847-2Last Accessed: [03-06-19]", "notes": "", "title": "MdFLP 在苹果自生根不定根向重力过程中对 MdPIN3 和 MdPIN10 的转录调控", "body": "AbstractBackgroundThe close种植矮化自生砧木是目前苹果生产中广泛使用的方法;但自生根系弱,根系浅,接地不良。因此,了解建立自生苹果砧木不定根重力设定角(GSAs)的分子机制对于开发深根自生苹果砧木品种具有重要意义。结果我们报告了苹果四唇(MdFLP) ),一种 R2R3-MYB 转录因子 (TF),在建立自生苹果种群不定根对重力的反应中的作用。生化分析表明,MdFLP 直接与参与生长素转运的两种生长素外排载体 MdPIN3 和 MdPIN10 的启动子结合,激活它们的转录表达,从而促进自生苹果砧木中不定根的发育。此外,苹果生长素反应因子MdARF19通过直接激活MdFLP的表达,影响这些生长素外排载体的表达和苹果不定根GSA响应重力的建立。http://dx.doi.org/10.1186/s12870-019-1847-2 " ;, "reference": "Reference: (2019-05-30). 苹果自生根过程中 MdFLP 对 MdPIN3 和 MdPIN10 的转录调控不定根向地性,可在:http ://dx.doi.org/10.1186/s12870-019-1847-2Last Accessed: [03-06-19]", "notes": "", "title": "MdFLP 在苹果自生根不定根向重力过程中对 MdPIN3 和 MdPIN10 的转录调控", "body": "AbstractBackgroundThe close种植矮化自生砧木是目前苹果生产中广泛使用的方法;但自生根系弱,根系浅,接地不良。因此,了解建立自生苹果砧木不定根重力设定角(GSAs)的分子机制对于开发深根自生苹果砧木品种具有重要意义。结果我们报告了苹果四唇(MdFLP) ),一种 R2R3-MYB 转录因子 (TF),在建立自生苹果种群不定根对重力的反应中的作用。生化分析表明,MdFLP 直接与参与生长素转运的两种生长素外排载体 MdPIN3 和 MdPIN10 的启动子结合,激活它们的转录表达,从而促进自生苹果砧木中不定根的发育。此外,苹果生长素反应因子MdARF19通过直接激活MdFLP的表达,影响这些生长素外排载体的表达和苹果不定根GSA响应重力的建立。
我该如何解决这个问题?
解决方案
推荐阅读
- javascript - 使用 Fetch 时,页面会重新加载(不应该)并且只显示 Json 数据而不是应该显示的页面
- node.js - 用户刷新网站后用户未授权
- python - 3 个变量的二维图
- amazon-web-services - Terraform 邮件格式的政策文件
- reactjs - 状态值在反应 js 中未定义
- python - 读取串口回复时出现IndexError
- angular - 组件内的组件不刷新简单更改的视图
- c# - Guid 应包含 32 位数字和 4 个破折号 (xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx) 和有效的 c# 构造函数
- .net - CrystalReport 不使用 .Net 框架
- graphql - Next.js 和 AWS Amplify 出现错误:没有当前用户 - getServerSideProps