利用Jquery的ajax局部刷新实现菜单 导航栏效果

从easyui上复制一个布局
在这里插入图片描述
准备两个 页面 a.html 和 b.html
在west中写入代码
在这里插入图片描述

给a标签绑定带参数的函数,参数是要展示的页面

		<a href="#" onclick="a('a.html')">北京</a><br />
		<a href="#" onclick="a('b.html')">上海</a>

最后利用ajax 回调函数 填充 center的内容
在这里插入图片描述

function a(url){
		$.get(url,function(data){
			$("#center").html(data)
		});
		
	}
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用jQueryajax方法进行请求提交后,可以通过以下几种方式实现局部刷新页面: 1. 使用jQuery的load方法刷新页面局部内容: 在ajax请求成功的回调函数中,使用load方法将需要刷新的页面内容加载到指定的元素中。例如,假设需要刷新id为"content"的div元素,可以使用以下代码: ```javascript $.ajax({ url: "your_url", type: "POST", data: your_data, success: function(response) { $("#content").load("your_page_to_refresh #content"); } }); ``` 以上代码会将"your_page_to_refresh"页面中id为"content"的元素的内容加载到当前页面的id为"content"的div元素中。 2. 使用jQueryhtml方法替换内容: 在ajax请求成功的回调函数中,通过html方法将需要刷新的页面内容替换为返回的新内容。例如,假设需要刷新id为"content"的div元素,可以使用以下代码: ```javascript $.ajax({ url: "your_url", type: "POST", data: your_data, success: function(response) { $("#content").html(response); } }); ``` 以上代码会将返回的新内容替换当前页面id为"content"的div元素的内容。 3. 使用jQuery的append方法追加内容: 在ajax请求成功的回调函数中,通过append方法将返回的新内容追加到需要刷新的页面内容后面。例如,假设需要刷新id为"content"的div元素,可以使用以下代码: ```javascript $.ajax({ url: "your_url", type: "POST", data: your_data, success: function(response) { $("#content").append(response); } }); ``` 以上代码会将返回的新内容追加到当前页面id为"content"的div元素的末尾。 以上是三种常用的局部刷新页面的方法,根据实际需求选择适合的方法来刷新页面的局部内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值