javascript – jQuery AJAX和JSON性能查询
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery AJAX和JSON性能查询,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1797字,纯文字阅读大概需要3分钟。
内容图文
我将一些JSON数据存储在一个文本文件中,以便在我的页面中使用jQuery Ajax进行查询.目前,我的文本文件包含大约10个数据方面(可能包含额外的30个方面的数据). JSON数据包含这些问题的问题和答案.
在我的JavaScript文件中,我设置了不同的函数来获取特定的数据位.
例如:
function GetAnswer(questionName) {
var correctAnswer = null;
jQuery.ajax({
type: "GET",
url: "../content/questions.txt",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: "",
async: false,
success: function (result) {
$.each(result, function (i, q) {
if (q.questionID == questionName) {
correctAnswer = q.correctAnswer;
return false;
}
});
},
error: function () { },
complete: function () { }
});
return correctAnswer ;
}
正如您从我的代码片段中看到的那样,我循环使用我的JSON来获取我需要的数据.我有其他功能以类似的方式编码,以获得问题类型,问题名称等.
我发现的是我一个接一个地调用这些函数来获取我需要的数据.我认为从查询性能的角度来看,我查询JSON数据的方式并不好,因为我循环遍历整个JSON数据集,直到找到匹配项.
有没有更好的方法来查询我的JSON数据?
注意:由于我使用的技术限制(SCORM 1.2),我不得不使用文本文件来存储问题.
解决方法:
循环使用JSON对象相对较快.什么是慢(相对)是每次加载该文本文件(虽然它可能被缓存).
无论哪种方式,我建议在用户第一次启动问题/答案情况时加载JSON,或者只是在页面加载时加载它(您可以异步执行)并存储它以供以后使用.
后者的例子:
jQuery(document).ready(function(){
var questions = '';
jQuery.ajax({
type: "GET",
url: "../content/questions.txt",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: "",
async: false,
success: function (result) {
questions = result;
},
error: function () { },
complete: function () { }
});
function GetAnswer(questionName) {
var correctAnswer = null;
$.each(questions, function (i, q) {
if (q.questionID == questionName) {
correctAnswer = q.correctAnswer;
return false;
}
});
return correctAnswer ;
}
});
内容总结
以上是互联网集市为您收集整理的javascript – jQuery AJAX和JSON性能查询全部内容,希望文章能够帮你解决javascript – jQuery AJAX和JSON性能查询所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。