1、新建一个html文件,命名为test.html,用于讲解jquery如何读取文本文件。
2、在test.html页面,使用script标签加载jquery库文件jquery.min.js,成功加载该文件才能使用load()方法读取文本文件。
3、在test.html页面,创建一个div模块,div内写上测试的文字,并设置div的id属性为myDiv,方便下面获取div对象。
4、在test.html页面,再使用button标签创建一个"改变内容"的按钮,当按钮被点击时,将读取文本文件的内容,并替换掉div的内容。
5、创建一个文本文件,命名为test1.txt,文件内随便写上测试的内容,如下图:
6、编写js代码,获得button按钮对象,给它绑定click点击事件,当按钮被点击时,执行function函数。
7、在function函数内,通过id(myDiv)获得div对象,通过load()方法获得 test1.txt的内容,并把内容替换掉div原来的内容。
8、在浏览器打开test.html页面,点击按钮,查看是否成功读取到文本文件的内容,并改变div的内容。