Javascript 与不带jQuery的getJSON函数等效

如果没有jQuery，这种方法的等效性是什么

$(function() {
    $.getJSON("datas.json", function(e) {
        var t = [];
        $.each(e, function(e, t) {
            $("div#" + e).text(t)
        })
    })
})

---

谢谢。

您发布的代码中有几个部分

$(function(){
  ....
});

这是jQuery相当于

window.onload=function（）{..}

$.getJSON("datas.json", function(e) {
   ..
});

这是jQuery的AJAXGET请求，请参阅

这只是对

e

中的元素进行了分析。根据ajax调用返回的内容，您可能需要一个

for

循环或

for…in

循环

$("div#" + e).text(t)

---

这将设置一个元素的文本，可能可以用

.innerHTML

替换。使用纯Javascript，您的代码将如下所示：

function createElements(elements) {
    // Assuming you get an array of objects.
    elements = JSON.parse(elements);

    elements.forEach(function (element) {
        var div = document.getElementById(element.id);
        div.innerHTML = element.text;
    });
}

var request = new XMLHttpRequest();

request.onload = createElements;
request.open("get", "datas.json", true);
request.send();

var request = require('superagent');

function createElements(elements) {
    // Assuming you get an array of objects.
    elements = JSON.parse(elements);

    elements.forEach(function (element) {
        var div = document.getElementById(element.id);
        div.innerHTML = element.text;
    });
}

request.get('datas.json').end(function(error, elements){
    if (!error) {
        createElements(elements);
    }
});

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

function createElements(elements) {
    // Assuming you get an array of objects.
    elements = JSON.parse(elements);

    elements.forEach(function (element) {
        var div = document.getElementById(element.id);
        div.innerHTML = element.text;
    });
}

var request = new XMLHttpRequest();

request.onload = createElements;
request.open("get", "datas.json", true);
request.send();

var request = require('superagent');

function createElements(elements) {
    // Assuming you get an array of objects.
    elements = JSON.parse(elements);

    elements.forEach(function (element) {
        var div = document.getElementById(element.id);
        div.innerHTML = element.text;
    });
}

request.get('datas.json').end(function(error, elements){
    if (!error) {
        createElements(elements);
    }
});

---

你是说没有jquery？因为它已经是纯JS了。你做了什么工作？检查这个网站：JSON AJAX请求。使用simple for loop或

forEach

而不是

$。每个

。这太宽泛了，代码做了很多不同的事情。你有什么具体问题？发出HTTP请求？解析JSON？在对象上循环？@poi jQuery是纯JS。它只是一个js函数库。