jQuery的自动完成显示奇怪的消息,同时从本地存储检索数据

问题描述:

可能是我无法在网上正确搜索这一个。目前我面临的问题是我使用jquery自动完成与localStorage意味着如果用户的本地存储有数据使用,否则它会使AJAX调用和发送数据自动完成现在的情况就好像如果我通过AJAX自动完成工作正常但如果从本地存储的它显示像jQuery的自动完成显示奇怪的消息,同时从本地存储检索数据

jquery-1.11.0.js:9666 GET http://localhost:8080/organizationSource/[%…value%22:%%22,%%22:%225625%22%7D]?term=ll&_=149631722767 400 
错误

我的代码来回回就是喜欢

if(localStorage.getItem("orgListandIds")!==undefined && localStorage.getItem("orgListandIds")!==null){ 
 
\t var data=localStorage.getItem("orgListandIds"); 
 
\t callAutocomplete(data); 
 
} 
 
else{ \t 
 
\t $.ajax({ 
 
\t \t url:"/organizationSourceMapping/loadOrgs.htm", 
 
\t \t dataType:"json", 
 
\t \t success:function(data){ 
 
\t \t \t localStorage.setItem("orgListandIds",data); 
 
\t \t \t callAutocomplete(data) 
 
\t \t } 
 
\t }) 
 
} 
 
} 
 
function callAutocomplete(data){ 
 
\t $("#searchByText").autocomplete({ 
 
\t \t maxShowItems:5, 
 
\t \t minLength:2, 
 
\t \t autoFocus: true, 
 
\t \t source:data, 
 
\t \t select:function(event,ui){ 
 
\t 
 
\t \t \t idValue=ui.item.idValue; 
 
\t \t } 
 

 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

我试图存储在禄数据alStorge使用JSON.stringify,但也dint工作

+0

我投票删除此消息,因为用户甚至没有,因为它应该尝试格式消息的变化! – tilz0R

+0

我粘贴了我从Chrome收到的相同消息。你需要什么样的形式? –

挣扎后,我得到的建议,存储返回JSON对象,我需要解析之前发送到自动完成。所以我做了这样的

if(localStorage.getItem("orgListandIds")!==undefined && localStorage.getItem("orgListandIds")!==null){ 
 
\t var data=localStorage.getItem("orgListandIds"); 
 
\t callAutocomplete(JSON.parse(data)); 
 
} 
 
else{ \t 
 
\t $.ajax({ 
 
\t \t url:"/organizationSourceMapping/loadOrgs.htm", 
 
\t \t dataType:"json", 
 
\t \t success:function(data){ 
 
\t \t \t localStorage.setItem("orgListandIds",JSON.stringify(data)); 
 
\t \t \t callAutocomplete(data) 
 
\t \t } 
 
\t }) 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>