taro更新页面数据_AJAX 实现导航内容刷新

实现类似于下图点击导航实现菜单内容局部刷新，可以考虑使用AJAX 来实现。

在以下示例中，有 a 和 b 两个导航菜单，点击 a 则显示 a.html 的页面内容， 点击 b 则显示 b.html 内容。

首先准备三个页面，index.html , a.html , b.html。

HTML 中给出页面结构，放置导航栏的 div 和显示菜单内容 的 div。

• 导航a
• 导航b

然后给 a 标签添加点击事件

$("a").click(function(){

// 获取请求页面

var url = $(this).attr("page");

$.ajax({

type: "post",

dataType: "html",

url: url,

success: function(res) {

// 添加页面内容

$("#navContent").html(res);

}

});

});

a.html 页面内容如下：

a页面内容

alert("a");

现在看下演示效果：