为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(五)一Ajax应用与常用插件

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
.show()是让该元素从隐藏变为显示
为什么要调用show方法?
function中的element参数没有用到,去掉也不影响。此参数有什么用呢?
bind() 截止到jQuery3.0 已被弃用
var data = [{ "name": "草", "sex": "男" }, { "name": "花", "sex": "女" }];
$.each(data, function (i, item) {
$("body").append("<ul></ul>");
$.each(item, function(key, val) {
$("ul:eq(" + i + ")").append("<li>" + key + ":" + val + "</li>")
})})
这是个无声的教程
{num:$("#txtNumber").val()}是post方法里的第二个参数,写法必须如此才能与0比较大小。且num必须写成num
要把这些删除:
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
bind就是调用的on,由于jq绑定事件有bind,live,delegate三个方法,比较混乱,所以新版本才出了on代替这三个
load执行后会将加载的内容把之前的内容替换掉。
jquery的bind跟on绑定事件的区别:主要是事件冒泡
$(function(){
var students=[{"name":"小赵","sex":"男"},{"name":"小钱","sex":"女"},{"name":"小孙","sex":"男"}];
var html="";$.each(students,function(index,num){html += "<li><span>姓名:"+num.name+"</span>&nbsp<span>性别:"+num.sex+"</span></li>";});$('#list').append(html);
});
url:"http://www.imooc.com/data/check.php",
data: { num: $("#txtNumber").val() },
type:"post",
dataType:'text',
@慕粉D_董同学
无论什么方法,方法名后面是(参数1.,..),不是{参数1,.... };
1.没有数据的可以看看回调函数里是否传入参数data
2.在本地无法加载是因为传入的url里没有这个文件,在本地运行的可以在自己的绝对路径下创建.json文件
3.只显示一个li是因为逻辑里 index==3语句,故只执行一次,可以改为if(index<=3)即可加载前四个li
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery中的ajax应用 2、jQuery中的插件 3、jQuery中的工具类函数

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消