jquery读取文本文竭惮蚕斗件一般使用load()方法,load()方法的参数为文本文件的路径。下面以读取文本文件内容并改变html页面的内容为例,讲解load()方法如何读取文本文件。
方法/步骤
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标签创建一个"改变内容&qu艺皱麾酪ot;的按钮,当按钮被点击时,将读取文本文件的内容,并替换掉div的内容。
5、创建一个文本文件,命名为test1.txt,文件内随便写上测试的内容,如下图:
6、编写js代码,获得button按钮对象,给它绑定click点击事件,当按钮被点击时,执行function函数。
7、在function函数内,通过id(myDiv)获得div对象,通过load()方法获得test1.txt的内容,并把内容替换掉div原来的内容。
8、在浏览器打开test.html页面,点击按钮,查看是否成功读取到文本文件的内容,并改变div的内容。