javascript - 触发两个脚本的正确方法是什么：一个加载数据，另一个操纵样式？

Question

我正在运行一个使用 Javascript 在刷新时动态加载新标题的网站。我应该提一下，我的网站非常小，所以我故意避免使用 jQuery 或任何其他 JS 库。

第一个脚本加载一个 JSON 文件并随机选择一个 HTML 条目。第二个脚本“尝试”检查文档的长度是否超过视口，如果是的话。缩小文本并再次检查。

ajax.request("GET","file.json"); // works fine
preventScroll.resize(".headline"); // not so much

但是，我无法让第二个脚本可靠地工作。我尝试通过window.onload加载两者，我尝试将它从HEAD标签移动到BODY标签结束之前。

有问题的脚本

现场示例

我应该如何正确称呼这些人，以便他们始终工作？

Answer 1

您没有在ajax“库”中公开成功处理程序。我建议进行以下更改：

var makeRequest = function(method, url, success) {

然后在函数内部：

//...
if (httpRequest.status === ajaxState.isOkay) {
    data = httpRequest.responseText;
    successHandler(data);
    success(); // you could call with more arguments
}

一起使用整个东西：

ajax.request("GET","file.json", function() {
    preventScroll.resize(".headline");
});