javascript – 相当于没有jQuery的getJSON函数

前端之家收集整理的这篇文章主要介绍了javascript – 相当于没有jQuery的getJSON函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > How to make an AJAX call without jQuery?22个
没有jQuery,这种方法相当于什么?
  1. $(function() {
  2. $.getJSON("datas.json",function(e) {
  3. var t = [];
  4. $.each(e,function(e,t) {
  5. $("div#" + e).text(t)
  6. })
  7. })
  8. })

谢谢.

解决方法

使用普通的JavaScript您的代码看起来像这样:
  1. function createElements(elements) {
  2. // Assuming you get an array of objects.
  3. elements = JSON.parse(elements);
  4.  
  5. elements.forEach(funciton (element) {
  6. var div = document.getElementById(element.id);
  7. div.innerHTML = element.text;
  8. });
  9. }
  10.  
  11. var request = new XMLHttpRequest();
  12.  
  13. request.onload = createElements;
  14. request.open("get","datas.json",true);
  15. request.send();

或者您可以使用其他很酷的库,如superagent,然后您的代码将如下所示:

  1. var request = require('superagent');
  2.  
  3. function createElements(elements) {
  4. // Assuming you get an array of objects.
  5. elements = JSON.parse(elements);
  6.  
  7. elements.forEach(funciton (element) {
  8. var div = document.getElementById(element.id);
  9. div.innerHTML = element.text;
  10. });
  11. }
  12.  
  13. request.get('datas.json').end(function(error,elements){
  14. if (!error) {
  15. createElements(elements);
  16. }
  17. });

猜你在找的jQuery相关文章