用wamp5模拟一次AJAX请求

2016-12-15 08:16:29来源:CSDN作者:pleasecallme_522人点击

第七城市

1.首先应当明确像这样的目录结构:
这里写图片描述

存储json字符串的lessonform.txt文件就是模拟存储服务器上的数据。由于我自己代码中ajax请求的url是
这里写图片描述

因此lessonform.txt文件应该与我的工程位于同一目录下,内容如下:
这里写图片描述

直接上代码:

//get the form of coursewindow.onload = function() {    ajax('lessonform.txt', function (res) {        var json = JSON.parse(res);        for (var attr in json) {            var html = '<tr><td><input type="checkbox"></td>';            for (var attr1 in json[attr]) {                html += '<td>' + json[attr][attr1] + '</td>';                //console.log(json[attr][attr1]);            }            html += '<td><i></i></td></tr>';            $('.table-information').children().eq(0).append(html);        }        PrintBackColor();        deleteoneElement();        benchdelete();    })}

满心欢喜地刷新页面,结果发现这样的事情:

这里写图片描述

啊偶·····乱码了

就想着修改一下文本文件的编码格式。打开lessonform.txt,点击文件-》另存为,会发现下面有一个选择编码格式的地方,一般.txt都默认这个格式:
这里写图片描述

试着把它改成和html文件一样的编码格式:
这里写图片描述

保存之后重新刷新页面:
这里写图片描述

okay,就酱紫~

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台