手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

php 如何刷新一个div内容其他div不变

时间:2024-10-23 20:50:10

1、使用ajax技术,为了方便,我们引入jquery脚本库,因为可以直接调用jquery的ajax方法。

php 如何刷新一个div内容其他div不变

2、在html里,我们简单的使用二个div,一个是固定内容的,一个是需要使用ajax来更新内容的。

php 如何刷新一个div内容其他div不变

3、然后添加一个按钮,来触发ajax的调用。加上onclick点击事件。

php 如何刷新一个div内容其他div不变

4、在点击事件的方法里,我们使用jquery的ajax方法就行了。其中url就是我们要瓢遥费涓调用的php页面。sucess回调方法,就把调用php返回的数据内容直接放到div里。

php 如何刷新一个div内容其他div不变

5、php页面里,这里我们简单的构造一个返回数组,调用json_encode把数组转换成json数据,然后输出就行了。

php 如何刷新一个div内容其他div不变

6、运行页面,可以看到页面里有二个div,并且有各自的内容。我们点击按钮。

php 如何刷新一个div内容其他div不变

7、可以看到,通过ajax调用, 我们把php返回的内容输出到div里了,而且页面并没有刷新的,这就是ajax的效果。

php 如何刷新一个div内容其他div不变
© 手抄报圈