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

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

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
感觉.ajax()函数就是前面几节的总结啊,也可以称之为他们的老大,哈哈
然后.ajax()函数的参数里面是一个数组对象,对象里面有url、data、dataType、type、success、error等等。分别每个表示如下:
url:请求服务器地址的路劲
data:请求时传递的数据
dataType:请求时的数据类型
type:请求时的请求类型,有get方式和post方式,默认不加的话是get方式
success:请求后成功回调事件
error:请求后失败回调事件
大家只要记住,序列化的目的用于表单数据提交到后台服务器的一种验证转换。
当我输入x,显示你输入的 x是 等于0,当我输入空格,显示你输入的 是 等于0。其实还有很多bug我们可以去处理的,比如我们前端的非空判断,后端的数据判断等等。
开发中不一定要点击事件的,一般浏览器打开就加载数据的,那么我们可以把点击事件代码及函数去掉,如下这一块去掉:
$("#btnShow").bind("click", function () {

});
看了前面四期jq基础的我过学习ajax,感觉也不算很难。大家要多思考,多学习,贵在坚持!
在jq中,遍历json数据可用$.each(参数1,参数2)函数去实现,第一个参数表示数据源对象,第二个参数function()里面的第一个参数表示索引坐标,第二个参数表示索引值。
按照qq_天霸动霸tuo_0说的那样做之后就可以了,我也不知道为什么,由于是第一次学习ajax,对于服务器方面也是不清楚,首先五行以及服务器文件http后加s,我觉得可能是由于服务器方面的问题造成的。不止src中的http后面加个s,在服务器文件http后面也记得了,各位老铁,小心坑了!
测试了没用,你们是怎么弄出来的?
$(function(){ $.getJSON(
"https://www.imooc.com/data/sport.json",
function(data){
$.each(data,function(i,e){
$("#a").append("<li>姓名:"+e.name+"</li>");
})
},"json")
}) 前面表格
小伙伴们 在本地运行时假的加
$(document)
不想说什么了,这里的课程是我在慕课网学的最多BUG的,根本没人维护的。我都服了,真TM的垃圾
var js = [{"name":"Tom","sex":"man","score":"80"},{"name":"Jerry","sex":"man","score":"92"}];
$.each(js,function(index,student){
$("ul").append("<li>"+"姓名:"+student["name"]+" 性别:"+student["sex"]+" 成绩:"+student["score"]);
});
Emmmm ,评论怎么就讲到了跨域,感觉瞬间不懂的好多
没有用啊,改了还是没有用啊
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery中的ajax应用 2、jQuery中的插件 3、jQuery中的工具类函数

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消