jQuery第一战、小试ajax

作者: Jancaelm 分类: jQuery,随感 发布时间: 2017-07-07 17:54

首先看一下运行效果:
点击按钮使文字消失

以及在不刷新页面的情况下刷新部分数据

 
核心js代码:

var p1 = $('.p1');
var p2 = $('.p2');
var btn = $('#btn');
//btn.css('color','blue');
btn.on('click',function()
{
if(p1.is(':visible')){
p1.slideUp();
p2.slideDown();
btn.text("显示");
}
else {
p1.slideDown();
p2.slideUp();
btn.text("隐藏");
}});
$("#testAjax").click(function(){
//取Ajax返回结果
//为了简单,这里简单地从文件中读取内容作为返回数据
htmlobj=$.ajax({url:"ajax.txt",async:false});
//显示Ajax返回结果
$("#myDiv").html(htmlobj.responseText);
});

发表评论

电子邮件地址不会被公开。 必填项已用*标注