1.首先应当明确像这样的目录结构:
存储json字符串的lessonform.txt文件就是模拟存储服务器上的数据。由于我自己代码中ajax请求的url是
因此lessonform.txt文件应该与我的工程位于同一目录下,内容如下:
直接上代码:
//get the form of course
window.onload = function() {
ajax('lessonform.txt',function (res) {
var json = JSON.parse(res);
for (var attr in json) {
var html = '<tr><td><input type="checkBox" name="part"></td>';
for (var attr1 in json[attr]) {
html += '<td>' + json[attr][attr1] + '</td>';
//console.log(json[attr][attr1]);
}
html += '<td><i class="fa fa-trash-o cur-p delete"></i></td></tr>';
$('.table-information').children().eq(0).append(html);
}
PrintBackColor();
deleteoneElement();
benchdelete();
})
}
满心欢喜地刷新页面,结果发现这样的事情:
啊偶·····乱码了
就想着修改一下文本文件的编码格式。打开lessonform.txt,点击文件-》另存为,会发现下面有一个选择编码格式的地方,一般.txt都默认这个格式:
试着把它改成和html文件一样的编码格式:
保存之后重新刷新页面:
okay,就酱紫~