首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:12:02 340

php 如何刷新一个div内容其他div不变?其实我们使用ajax技术就可以轻易完成这个需求了。下面就一起来看一下。0uL办公区 - 实用经验教程分享!

方法/步骤

  • 1

    使用ajax技术,为了方便,我们引入jquery脚本库,因为可以直接调用jquery的ajax方法。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 2

    在html里,我们简单的使用二个div,一个是固定内容的,一个是需要使用ajax来更新内容的。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 3

    然后添加一个按钮,来触发ajax的调用。加上onclick点击事件。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 4

    在点击事件的方法里,我们使用jquery的ajax方法就行了。其中url就是我们要调用的php页面。sucess回调方法,就把调用php返回的数据内容直接放到div里。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 5

    php页面里,这里我们简单的构造一个返回数组,调用json_encode把数组转换成json数据,然后输出就行了。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 6

    运行页面,可以看到页面里有二个div,并且有各自的内容。我们点击按钮。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 7

    可以看到,通过ajax调用, 我们把php返回的内容输出到div里了,而且页面并没有刷新的,这就是ajax的效果。0uL办公区 - 实用经验教程分享!

    php 如何刷新一个div内容其他div不变0uL办公区 - 实用经验教程分享!

  • 7此文章非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0uL办公区 - 实用经验教程分享!


    标签: PHPHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码