如何在TypeScrip中使用AJAX填充来自JSON的数据？

时间：2016-11-23 作者：Pawan

我的HTML页面中有数据属性。我有一个JSON文件“rss.JSON”。我没有得到使用AJAX调用JSON的typescript代码。

<div class="js-rssfeed" data-url="rss.json"></div> //HTML
//类型脚本代码

 class RSSFeedManager {
 "use strict";

 private rootSelectionString: string = ".js-rssfeed";


 private $rootSelector: JQuery; 
constructor() {
     var base = this;
    base.$rootSelector = $(base.rootSelectionString);
    base.rssValidate();

}
private rssValidate() {
var base=this;
  if(base.$rootSelector.length!==0) {
        //getRssFeedJson();
    }
}   
}

var _RSSFeedManager = new RSSFeedManager();
export = _RSSFeedManager;

1 个回复
最合适的回答,由SO网友:GKS 整理而成

使用$.getJSON Jquery函数您可以使用GET HTTP请求从服务器加载JSON数据。

/////
     private rssValidate() {
        var base=this;
          if(base.$rootSelector.length!==0) {

                var jsonUrl = base.$rootSelector(base.$rootSelectionString).attr(\'data-url\'); 
                $.getJSON(jsonUrl, function(data) {
                  console.log(data);
                });
            }
        }   
        }
///////
希望这有帮助

标签： ajax   json   小码农  

相关推荐

WordPress：在Gutenberg插件迁移到lock.json后，在JavaScript中使用多语言的本地化/翻译不再有效

我做了a plugin with existing localization on WordPress.org 免费。我迁移到block。并通过将其与npx @wordpress/create-block todo-list. 我通读了一遍the Block Editor guide on internationalization 但在todo列表示例中，它的工作方式似乎有一些不同。结果是我所有的__ php函数工作并转换所有字符串。但是我的__ JavaScript函数不会在翻译时翻译任何翻译。word