开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用getJSON查询json会显示"undefined“而不是data

问题描述：使用getJSON查询json会显示"undefined"而不是data。

答案：这个问题可能是由于以下几个原因导致的：

JSON数据格式错误：首先需要确保返回的JSON数据格式是正确的。可以使用在线JSON格式验证工具（例如jsonlint.com）来验证JSON数据的格式是否正确。如果JSON格式错误，可能会导致无法正确解析数据。
异步请求问题：getJSON方法是异步请求，可能会导致数据还未返回就开始执行后续代码。为了确保在获取到数据后再进行操作，可以使用回调函数或者Promise来处理异步请求。
跨域请求问题：如果你的请求是跨域的，浏览器会阻止获取数据，这可能导致返回的数据为undefined。可以通过设置服务器端的响应头来解决跨域问题，或者使用JSONP方式进行跨域请求。
数据解析问题：在获取到数据后，需要正确解析数据才能使用。可以使用console.log()打印返回的数据，确保数据被正确获取。如果数据被正确获取，但是在使用时仍然显示undefined，可能是因为数据结构不正确或者访问数据的方式有误。

综上所述，解决这个问题的步骤如下：

确保返回的JSON数据格式正确。
使用回调函数或者Promise来处理异步请求，确保在获取到数据后再进行操作。
处理跨域请求问题，设置服务器端的响应头或者使用JSONP方式进行跨域请求。
确保正确解析数据，并使用正确的方式访问数据。

腾讯云相关产品推荐：

云函数（SCF）：腾讯云云函数（Serverless Cloud Function，SCF）是一种无服务器的事件驱动型计算服务，可帮助您在云端运行代码，无需购买和管理服务器。链接：https://cloud.tencent.com/product/scf
云数据库 MySQL 版（TencentDB for MySQL）：腾讯云数据库 MySQL 版（TencentDB for MySQL）是一种稳定可靠、可弹性伸缩的云数据库服务，适用于各种规模的应用程序。链接：https://cloud.tencent.com/product/cdb_mysql
云服务器（CVM）：腾讯云云服务器（Cloud Virtual Machine，CVM）是一种可弹性伸缩的计算服务，提供了高性能、可靠稳定的云端计算能力。链接：https://cloud.tencent.com/product/cvm

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行。

相关搜索:使用SerializeJSON返回结构数组而不是COLUMNS和DATA节点的JSON对象？在使用Geocoder.geocode()时，使用无效凭据会返回xml而不是json。强制下载现有的JSON文件，而不是使用Django显示它 Spring Data Rest一对多JSON格式:使用外键而不是对象在SQL查询中使用' true‘而不是true会产生意外的结果使用json数组的find_by使用IN执行查询，而不是搜索整个数组我们可以在配置映射中使用"data“作为yaml文件而不是Json文件吗如何在Python中使用json让排行榜显示名称而不是"None“？推送到历史记录会显示一个空白页面，而不是查询到的页面如何使用json.dump显示我的所有数据行，而不是只显示一行为什么使用我的子域URL会显示不安全的HTTPS，而不是正常的域URL？sort()运行良好，但使用它显示完整的排序数据框会产生不同的输出，而不是排序后的输出

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

省市县三级联动

网上找到例子感觉不是很合适，然后修改了下。本来是从自己数据库查询，但做测试的话，在网上找到了一个地区编码的api，然后就是跨域问题。...原来用ajax访问失败，getJSON可以，但getJson有同步问题，设置了全局参数也不管用，只好重复使用了。 1 <!...format=json&callback=?'...format=json&callback=?'...format=json&callback=?'

2.9K6 0

【ECMAScript6】es6 要点（二）Promise | 自个写一个Promise | Generator | AsyncAwait

function handle() { const result1 = Promise.race([getJSON('a.json'), getJSON('c.json')]); result1...fetch，FormData数据流方式 let data = {data1:data1,data2:data2};//使用json格式 let p = postData(url,data); p.then...否则最后会返回undefined。原因：Generator犹如一种序列，一旦序列中的值被消费，你就不能再次消费它。即，序列为空后，再次调用就会返回undefined！。...= yield db.query('SELECT * FROM user_table');//查询user_table this.body = data; }); server.listen(8080...async(function* (){ try { const a = yield getJSON('a.json'); const b = yield getJSON('b.json');

2582 0

javascript之Promise对象知识点整理

执行完resolve,状态就变成fulfilled; 执行完reject,状态就变成rejected; 只要状态改变过（执行过resolve）就会执行回调函数，不用担心因为提供回调函数过晚，而错过了状态的改变...then方法执行完毕后需要返回一个新的值给下一个then调用（没有返回值默认使用undefined）。每个then只可能使用前一个then的返回值。...== 130) { commit(UPDATE_KINDS, response.data.data) console.log(response.data.data...//2 =========< then中传入的回调方法没有返回值，所以resp为undefined。...getJSON('/posts.json').then(function(posts) { // ... }).catch(function(error) { // 处理 getJSON 和前一个回调函数运行时发生的错误

6081 0

es6（二）：解构赋值

1 let [i1,i2]=[] 2 console.log(i1,i2)//undefined undefined 3 let [i3,i4]=[10] 4 console.log...(i3,i4)//10 undefined 部分解构成功 1 let [i5,i6]=[1,2,3] 2 console.log(i5,i6)//1 2 等式右边不是可遍历的结构，那么将报错 1...console.log(i10,i11)//100 'hi' 注意这种情况 1 // let [i111=i12,i12=10]=[]//报错，i111=i12 此时i12还未申明 2 // 而：...j1,j2,j3)//1 2 3 12 let {nameT,ageT}=test100() 13 console.log(nameT,ageT) //'apple' 100 3.提取JSON..."data": 110 6 } 7 } 8 let {app1,blue,data:number}=getJSON() 9 console.log(app1,blue

5965 0

基于Jquery WeUI的微信开发H5页面控件的经验总结(2)

$.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域调用，其语法的格式为：getJSON(url,[data],[callback])。　　　　...var data = $.parseJSON(json); 　　　　$.post()方法使用POST方式来进行异步请求，它的语法结构为：$.post(url,[data],[callback],[type...例如对于返回的数据，我们一般需要进行数组的遍历，然后逐一追加到界面显示，这里就需要使用$.each()函数。　　　　...10）查询即时列表展示　　　　有时候，我们需要根据查询的条件，对数据库的信息进行检索，然后即时的显示在列表中，供选择使用，如下界面所示。　　　　...上图是我项目中，根据拼音码或者名称对药品进行检索，返回的数据进行显示的处理。　　　　为了使用搜索栏，我们使用了微信WeUI定义的搜索栏样式，以下是界面定义的搜索栏DIV层，如下代码。

1.5K2 0

基于Metronic的Bootstrap开发框架经验总结（2）--列表分页处理和插件JSTree的使用

左侧的树列表下面小节介绍，右边就是我们一般的数据查询显示区域，分为查询内容和数据列表两部分，查询内容，我们一般放在一个表单里面进行处理，用户触发查询的时候，我们对事件进行处理，并从MVC后台的控制器里面请求对应的数据返回给页面前端...绑定事件处理 Search(currentPage);//初始化第一页数据 InitDictItem(); //初始化字典信息 }); 而数据的显示部分...class="paging-toolbar"> 而数据的显示...2）数据分页处理我们页面显示的数据一般不是固定的记录，因此分页也是很必要的处理，可以提高性能，也可以提高用户的友好体验，其中的数据分页是采用了Bootstrap的插件Bootstrap Paginator...('jstree', false);//清空数据，必须 //异步进行JSON数据的绑定 $.getJSON(url, function (data) { $('#jstree_demo_div

2.4K5 0

jQuery 和 json 简单例子（注意callback函数的处理！！）（servlet返回json，jquery更新，java json）

这个例子是后台获取某个目录的所有文件信息，前台网页显示。...1.5.1.min.js"> $(document).ready(function(){ $.getJSON...('json.txt',function(data){ //遍历JSON中的每个entry 　　　　　　　　　　　　//因为是用JSONArray返回的串，格式是...(url,function(data){ $('#title').nextAll().remove(); //遍历JSON...if(typeof(entry['fileName']) == "undefined"){ $(

8333 0

Javaweb08-Ajax项目-分页条件查询 + 增删改

){ //1.直接使用字符型判断 if(data == "true"){ //2.转换成boolean类型判断 //if(JSON(data...并将数据显示再表单中 $.getJSON("animes?...; } }); //去除表单提交事件 return false; }); 4、分页条件查询一般会先做分页条件查询再做增删改；步骤 : 查询所有的数据 ->...2、发起请求获取返回的data(pageSupport),判断动漫列表 (pageSupport.data)是否为null,如果为null就隐藏tfoot，且显示暂无数据； 3、显示返回的分页参数；...(); //动态获取动漫数据,动态显示条件分页查询 function showPageAnimeList(){ $.getJSON("animes?

4.7K4 0

JavaScript 权威指南第七版（GPT 重译）（五）

想象一个这个函数的变体，getJSON()，它将 HTTP 响应的主体解析为 JSON，并返回一个 Promise，而不是接受一个回调参数。...); 使用这段代码，getJSON()的正常结果仍然会传递给displayUserProfile()，但是getJSON()或displayUserProfile()中的任何错误（包括displayUserProfile...当完整的 HTTP 响应主体可用时，.json()方法可以解析它并使用解析后的值来实现p4。当p4被实现时，p2也会自动被实现，具有相同的解析 JSON 值。...在这种情况下，您可以使用Promise.race()而不是Promise.all()。...如果 o 具有自有 * 其值为对象或函数, 则如果您查询 * 这些属性的值是对象或函数, 则返回代理而不是 * 此代理的记录行为是“传染性的”。

2421 0

ES6的语法

即会提升到全局作用域或函数作用域的头部，同时函数声明还会提升到所在的块级作用域的头部避免在块级作用域内声明函数优先使用函数表达式 let fn=function(){} //块级作用域必须有大括号...undefined，不是null forEach,some,every,reduce,filter跳过空元素 map跳过但保留元素显示为(empty) join,toString将空元素视为undefined...仅代表前面的表达式是null 或者undefined才会执行后面的表达式。而| |则代表前面的表达式是null或者undefined或者false 或者0才会执行后面的。...a,b=10}={}){ console.log(a,b) } abc()undefined,10 abc({}undefined,10) 有默认值的参数不是最后一个参数，调用时不可省略省略中间参数...(文件名.json).then((data)=>{console.log(data)},(txt)=>{console.log(txt)}) promise嵌套一个resolve用另一个promise

1271 0

谷歌浏览器获取本地json文件跨域问题及JSONP的应用

jsonp/test.json 而实际上，让我们仔细看看谷歌浏览器的报错内容，就可以发现，跨源请求仅支持协议方案。...针对这一次案例：本地脚本读取本地json文件。其实只要案例项目放到服务器中，避免掉使用file:///协议访问页面，就不是跨域了。...定义接收数据的函数 function getJson(data){ // data 就是要取的json数据 console.log(data);...思考：vue-cli项目中，因为有一个本地服务器概念，如果使用axios去请求json文件，不知道是不是就没有跨域问题了。有待尝试！甚至有可能直接用import或者require就可以获取到呢？...参考文章：谷歌通过ajax获取本地JSON文件，为什么会提示跨域？杂糅了一大堆的资料，后面的例子反而不是和清晰了。

4.5K2 0

JavaScript类库---JQuery(二)

load()：是一个方法，向它传入一个URL，它会异步加载该URL的内容，然后将内容插入到选中的元素中，去替换已存在的内容；形如：$("#status").load('status.html'); 如果只想显示被加载文档的一部分...，函数放回值也是undefined； $.getJSON():与load()相似，首先获取文本，特殊处理后(应该是调用$.parseJSON())传到指定的回调函数作为第一个参数。...', // 指定请求的HTTP Content-Type头； dataType:'json', //指定响应数据的预期类型及jQuery处理该数据的方式[text,html,script,json,xml...超时时间，单位ms,默认0,若设置此项,规定时间未完成请求，请求被取消并触发error回调，状态码timeout; cache:false, // 禁用浏览器缓存，对于GET请求设置false时，url会添加...', //请求的URL data:{}, //发送请求是传递的数据，可以是字符串或对象，放到url中或请求内容体中; beforeSend:function(xhr){}, //指定Ajax请求发送前的回调函数

1.3K1 0

一文玩转jQuery+Ajax

而通过jQuery获取的对象是jQuery包装集对象，简称jQuery对象，只有jQuery对象才能使用jQuery提供的方法。...，基础选择器掌握即可，其他用到查询。...若未设置属性，attr()返回undefined，prop()返回false 总结：如果属性的类型是boolean，则使用prop()方法，否则使用attr()方法。 <!...:'岳泽以',age:25},function(data){ console.log(data) }) $.getJSON 使用语法和以上相同，但getJSON方式要求返回的数据格式满足JSON...(data); }) // $.getJSON方式 $.getJSON('data.txt', function (data) { console.log("$.getJSON返回的数据

4K2 1

Web API--入门--（一）ASP.NET Web API 2（C＃）入门

前端网页使用jQuery显示结果。 ? 启动Visual Studio并从“ 开始”页面选择“ 新建项目”。或者，从文件菜单中选择新建，然后选择项目。...注意您还可以使用“Web API”模板创建一个Web API项目。Web API模板使用ASP.NET MVC提供API帮助页面。我正在使用本教程的空模板，因为我想显示没有MVC的Web API。...注意如果您使用ASP.NET MVC，您已经熟悉了控制器。Web API控制器类似于MVC控制器，但继承ApiController类而不是Controller类。...当然，在实际应用中，您可以查询数据库或使用其他外部数据源。控制器定义了返回产品的两种方法：该GetAllProducts方法将整个产品列表作为IEnumerable 类型返回。...jQuery getJSON函数发送一个AJAX请求。对于响应包含JSON对象的数组。该done函数指定在请求成功时调用的回调。在回调中，我们使用产品信息更新DOM。

4.2K1 0

Django之json、Ajax简介及实例介绍

张三", "age": undefined } // 不能使用undefined { "name": "张三", "birthday": new Date('Fri, 26...当文件框发生了输入变化时，浏览器会使用AJAX技术向服务器发送一个请求，查询包含“传”字的前10个关键字，然后服务器会把查询到的结果响应给浏览器，最后浏览器把这4个关键字显示在下拉列表中。...当输入用户名后，把光标移动到其他表单项上时，浏览器会使用AJAX技术向服务器发出请求，服务器会查询名为zhangSan的用户是否存在，最终服务器返回true表示名为lemontree7777777的用户已经存在了...一般情况下，我们希望这个script标签能够动态的调用，而不是像上面因为固定在html里面所以没等页面显示就执行了，很不灵活。...(dic))) jQuery对JSONP的实现 getJSON jQuery框架也当然支持JSONP，可以使用$.getJSON(url,[data],[callback])方法 8001

6.6K2 0

select2 使用教程（简）「建议收藏」

:'请选择', allowClear:true }) 四.加载远程数据 $("#c01-select").select2({ ajax: { url: "data.json",...这个与服务器返回json有关） 3.minimumInputLength 最小需要输入多少个字符才进行查询，与之相关的maximumSelectionLength表示最大输入限制。...).select2("data"); //多选 if(res==undefined) { alert("你没有选中任何项"); } if(reslist.length) { alert...1）编辑界面下的省份、城市、所在行政区的级联界面效果，选择省份，会加载对应省份下的城市，选择城市，会继续加载城市下的行政区，从而实现多级关联的下拉列表效果。...//绑定Ajax的内容 $.getJSON(url, function (data) { control.empty();//清空下拉框 $.each(data,

23.2K2 0

java中的jQuery与Ajax的应用，菜鸟教程

Ajax,并不是指一种单一的技术，而是有机的利用了一系列交互式网页应用相关的技术所形成的结合体。...getJSON ( url , [data], [ fn ]) $....例子：创建一个HTML文件，名字为inner.html，然后再建一个页面test.html，添加一个button元素，添加一个id为resTest的元素，当单击button时，resText显示追加的...$.get(url[,data] [,callback] [,type]) url:请求的HTML页的URL地址例如：test.jsp data:发送至服务器的数据会作为QueryString...('test.json', function(data) { $('#resText').empty(); var html = ''

1.4K3 0

Knockout.Js官网学习（Mapping插件）

手工mapping 显示当前服务器时间和你网站上的当前用户数。...或许每隔5秒你要调用一次Ajax请求（例如，使用jQuery的$.getJSON或$.ajax函授）： ///获取服务器端数据 function GetData() {...$.getJSON(".....与JSON字符串一起使用如果你的Ajax调用返回的是JSON字符串（而不是反序列化后的JavaScript对象），你可以使用ko.mapping.fromJSON函数来创建或者更新你的view model...使用.from/toJSON函数处理JSON字符串和使用.from/toJS函数处理JS对象是等价的。

1.5K1 0

4种解决json日期格式问题的办法

这种格式是一种可行的表示形式但不是普通人可以看懂的友好格式，怎么让这个格式变化？...select方法也可以使用LINQ查询表达式，也可以选择别的方式达到相同的目的；这种办法可以将集合中客户端不用的属性剔除，达到简单优化性能的目的。...handler，所以区别不是很大了，但MVC中有专门针对服务器响应为JSON的Action,代码如下： using System; using System.Web.Mvc; namespace JSONDateMVC.Controllers...behavior) { return this.Json(data, null, null, behavior); } this.Json方法 protected internal virtual...另外还有几个问题要问大家： 1、通过Reflector反编译得到的代码中有很多变化，如属性会变成get_Request()方法的形式，不知道大家有没有更好的方法。

2.1K1 0

明明有了 promise ，为啥还需要 async await ？

语法假设有一个getJSON方法，它返回一个promise，该promise会被resolve为一个JSON对象。我们想要调用该方法，输出得到的JSON对象，最后返回"done"。...以下是使用promise的实现方式： const makeRequest = () => getJSON() .then(data => { console.log(data)...因为顶级作用域不是一个async方法。...parse may fail const data = JSON.parse(await getJSON()) console.log(data) } catch (err) {...在这种情况下，知道异常来自makeRequest而不是一连串的then调用会有意义的多。 6. 调试最后压轴的一点，使用async/await最大的优势在于它很容易被调试。

7632 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭