$(document).ready(function() {function loadModuleContent(moduleId, url) {$('#' + moduleId).click(function() {$.ajax({url: url,type: 'GET',success: function(data) {$('#content').html(data);},error: function() {alert('模块加载失败!');}});});}// 加载模块loadModuleContent('module1', 'module1.html');loadModuleContent('module2', 'module2.html');loadModuleContent('module3', 'module3.html');
});
ajax 加载多个模块并在点击时加载
要使用AJAX加载多个模块并在点击时加载,你可以创建一个函数来处理AJAX请求,并为每个模块添加一个点击事件监听器。以下是一个简单的示例:
HTML:
<button id="module1">加载模块1</button>
<button id="module2">加载模块2</button>
<button id="module3">加载模块3</button>
<div id="content"></div>