在jquery中 ， 可以使用ajax()方法实现局部刷新div的内容 。 下面小编举例讲解用jquery实现局部刷新div 。
文章插图
需要这些哦
html+jquery
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解用jquery实现局部刷新div 。
文章插图
2在test.html文件内 ， 用div标签建立一行文字 ， 并设置div的id为test 。
文章插图
3【用jquery实现局部刷新div】在test.html文件中 ， 利用button标签建立一个按钮 ， 给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行editdiv()函数 。
文章插图
4在js标签内 ， 建立editdiv()函数 ， 在函数内 ， 经由过程ajax()方式从data2.txt文件获得内容 ， 把获得的内容保留在res变量中 。
文章插图
5在editdiv()函数内 ， 经由过程id获得div对象 ， 利用html()方式将获得的内容输出在div标签内 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
总结：11、用div标签建立一行文字 ， 并设置div的id为test 。
2、在js中 ， 经由过程ajax()方式从data2.txt文件获得内容 ， 利用html()方式将获得的内容输出在div标签内
以上内容就是用jquery实现局部刷新div的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何利用VBA代码画河马
- 饮用无公害食品菊花
- 哥顿雪达犬吃什么 专用狗粮有很多种
- 加法交换律用字母表示加法交换律怎么用字母表示
- 常用聊天交友软件
- 怎样用豆浆机做最好的五谷豆浆
- 枫叶简笔画
- 酸芋苗焖土鸡的做法
- 银耳红枣汤的功效及其做法详解
- 哺乳期间用什么品牌的化妆品比较好