API Ajax结构化(API Ajax structuring)
我的目标:实施搜索功能,以显示从USDA NDB API中提取的营养数据。
状态:部分成功
问题是:美国农业部收购的物品有点令人讨厌。 推荐这个截图: http ://imgur.com/a/gOKdk比萨有第一个关键值的水和牛奶有能量。
我的问题:
如果我想获得所有搜索的能量,我将如何构建我的ajax调用?
$.ajax({ type: 'GET', async: false, url: 'http://api.nal.usda.gov/ndb/reports/?ndbno=' + ndbno[0] + '&type=b&format=json&api_key=', success: function(results) { food0 = results.report.food; console.log(food0); $("#jsGrid-nutrition").jsGrid("insertItem", { name: food0.name, kCal: food0.nutrients[1].measures[0].value, servingSize: food0.nutrients[1].measures[0].label, quantity: food0.nutrients[1].measures[0].qty, carbs: food0.nutrients[4].value + food0.nutrients[4].unit, fats: food0.nutrients[3].value + food0.nutrients[3].unit, saturatedFats: food0.nutrients[3].value + food0.nutrients[3].unit, protein: food0.nutrients[24].value + food0.nutrients[24].unit });
My goal: Implement a search function to show nutritional data pulled from USDA NDB API.
Status: Partial Success
The problem: USDA stuctured the object returned somewhat obnoxious. Referincing this screenshot: http://imgur.com/a/gOKdk Pizza has water at the first key value and Milk has energy.
My Question:
If I want to obtain the energy for example for all searches, how would I structure my ajax call?
$.ajax({ type: 'GET', async: false, url: 'http://api.nal.usda.gov/ndb/reports/?ndbno=' + ndbno[0] + '&type=b&format=json&api_key=', success: function(results) { food0 = results.report.food; console.log(food0); $("#jsGrid-nutrition").jsGrid("insertItem", { name: food0.name, kCal: food0.nutrients[1].measures[0].value, servingSize: food0.nutrients[1].measures[0].label, quantity: food0.nutrients[1].measures[0].qty, carbs: food0.nutrients[4].value + food0.nutrients[4].unit, fats: food0.nutrients[3].value + food0.nutrients[3].unit, saturatedFats: food0.nutrients[3].value + food0.nutrients[3].unit, protein: food0.nutrients[24].value + food0.nutrients[24].unit });
原文:https://stackoverflow.com/questions/41960493
更新时间:2022-06-19 12:06
最满意答案
使用
afterClose
回调...Use the
afterClose
callback...
相关问答
更多-
在你的代码中无效的双引号。 试试这个代码:尝试这个: $(document).keyup(function (e) { if (e.keyCode == 27) { return; } }); try this: $(document).keyup(function (e) { if (e.keyCode == 27) { return; } });看起来你正在过度复杂的事情。 你有一个画廊,只需绑定一次。 像这样调用一次 : $('.tiLink').featherlightGallery({targetAttr: 'data-imglink', ...}) 如果你有多个独立的画廊,分别绑定它们,可能类似于: $('.gallery').each(function() { $(this).find('.item').featherlightGallery(...) }) Looks like you're over complicating th ...单击“x”时,尝试使用jQuery修改iframe的可见性。 $("#close").click(function() { $("#myIframe").css({"display": 'none'}); }); Try using jQuery to modify the visibility of the iframe when "x" is clicked.. $("#close").click(function() { $("#myIframe").css({"display": 'non ...我建议使用Featherlight的配置选项来解决它,而不是将jQuery事件添加到其元素中。 看看Featherlights文档的配置部分,似乎你可以定义一个函数,当灯箱打开或关闭时,请参阅beforeOpen , afterOpen , beforeClose和afterClose 。 您可以使用元素上的数据属性(例如data-featherlight-before-open )通过覆盖全局默认值来定义这些函数,例如$.featherlight.defaults. beforeOpen $.feathe ...默认情况下,按钮不会显示在触控设备上,但可以使用单个CSS规则显示。 By default, the buttons will not show on touch aware devices, but can be shown with a single CSS rule.由于这里接受的答案的第二部分(来自jQuery网站的文档示例),我已经完成了它。 jQuery的submit()函数对我不起作用 - 我猜它是版本问题? 无论如何,这是我的最终代码: /* attach a submit handler to the form */ $( "body" ).on( "submit", ".wpcf7-form", function(event) { /* stop form from submitting normally */ ...
如何将行为添加到featherlight.js iframe“关闭”按钮(How do I add behavior to a featherlight.js iframe “close” button)[2024-04-17]
使用afterClose回调... Use the afterClose callback...点击Iframe按钮,关闭包含Iframe的Popup(Close Popup containing Iframe on click of button from Iframe)[2022-06-16]
经过几个小时的网上冲浪寻找解决方案后,我遇到了这种情绪。 这里的问题是同源策略阻止脚本访问具有其他来源的站点内容。 实际上,起源由以下部分组成。 origin::// : /path/to/page.html 如果协议 , 主机名和端口号不相同,则认为原点不同。在这种情况下,由于同源安全策略,您无法从其他网站访问一个网站的内容。 为了克服它,你必须使用window.postMessage()来使用父子通信 。 仅供参考: ... 相关文章
更多- AJAX问题
- ajax数据安全的问题
- 图解全文检索SOLR的酷应用[Ajax Solr]
- ajax验证用户注册
- 怎么写ajax异步提交?
- ajax请求问题,到底哪里错了
- AJAX JSON 乱码
- Ajax 异步传输
- 黑马ajax视频教程
- Ajax彻底研究-视频教程
最新问答
更多- 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
- 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
- OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
- 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
- codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
- 在计算机拍照在哪里进入
- 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
- No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
- 单页应用程序:页面重新加载(Single Page Application: page reload)
- 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
- System.StackOverflow错误(System.StackOverflow error)
- KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
- 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
- android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
- TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
- 企业安全培训的各项内容
- 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
- C#类名中允许哪些字符?(What characters are allowed in C# class name?)
- NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
- 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
- 将多个行和可变行移动到列(moving multiple and variable rows to columns)
- 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
- 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
- Angular $资源不会改变方法(Angular $resource doesn't change method)
- 在Angular 5中不是一个函数(is not a function in Angular 5)
- 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
- 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
- 常见的python rpc和cli接口(Common python rpc and cli interface)
- Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
- 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)