用wamp5模拟一次AJAX请求

前端之家收集整理的这篇文章主要介绍了用wamp5模拟一次AJAX请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

原文链接:https://www.f2er.com/ajax/161585.html

猜你在找的Ajax相关文章