用wamp5模拟一次AJAX请求

来源:互联网 发布:怎么注册国外域名 编辑:程序博客网 时间:2024/06/10 12:53

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" 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,就酱紫~

0 0
原创粉丝点击