用wamp5模拟一次AJAX请求

解决乱码问题

最新推荐文章于 2021-09-21 14:35:39 发布

原创最新推荐文章于 2021-09-21 14:35:39 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

javascript学习专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的乱码问题及其解决方案。作者通过调整本地文件的编码格式来解决由不同编码格式导致的数据显示乱码问题。

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();
    })
}