jquery如何读取文本文件

新建一个html文件，定名为test.html，用于讲解jquery若何读取文本文件。

在test.html页面，利用script标签加载jquery库文件jquery.min.js，当作功加载该文件才能利用load()方式读取文本文件。

在test.html页面，建立一个div模块，div内写上测试的文字，并设置div的id属性为myDiv，便利下面获取div对象。

在test.html页面，再利用button标签建立一个"改变内容"的按钮，当按钮被点击时，将读取文本文件的内容，并替代失落div的内容。

建立一个文本文件，定名为test1.txt，文件内随便写上测试的内容，如下图：

编写js代码，获得button按钮对象，给它绑心猿意马click点击事务，当按钮被点击时，执行function函数。

在function函数内，经由过程id（myDiv）获得div对象，经由过程load()方式获得 test1.txt的内容，并把内容替代失落div本来的内容。

在浏览器打开test.html页面，点击按钮，查看是否当作功读取到文本文件的内容，并改变div的内容。

0 条评论