这段代码展示了如何使用JavaScript实现AJAX功能，通过点击菜单项触发AJAX请求，将ID传递到后台处理。在请求成功后，调用外部函数`my_function`并更新页面内容。该示例涉及前端交互、异步数据处理和页面动态更新。
$(function() {
$('#menu li > a').click(function(e) {
e.preventDefault();
var my_id = $(this).attr('id'); // li a #
$.ajax({
type: "POST",
url: "ajax_call.php",
data: "action=do_something&my_id=" + my_id,
success: function(data){
my_function(my_id); //run your outside function...
//OR use "data" from the php echo and append it to DOM
// $(#ajax_call_back).append(data);
},
complete: function(data){
//on complete do something..
},
error: function(data){
//this here for demo pseudo ajax handle error instead!
my_function(my_id);
},
});
});
});
function my_function(id) {
alert(id);
var map = '';
switch(id)
{
case 1:
map = id; //map_1
break;
case 2:
map = id; //map_2
break;
case 3:
map = id; //map_3
break;
default:
map = id; //map_0
}
$('#application').text('map_' + map);
};
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
