jQuery基础(五)一Ajax应用与常用插件_技术问答

首页免费课 jQuery基础(五)一Ajax应用与常用插件问答

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

全部评论问答未解决精华

沉谙

$("#frmV").validate(
{
/*自定义验证规则*/
rules: {
email:{
required:true,
email:true
}
},
/*错误提示位置*/
errorPlacement: function (error, element) {
error.appendTo(".tip");
}
}
);

1 2-1 表单验证插件——validate

2017-07-17

沉谙

题目所说的JSON数据由自己构建，随便构建，使用each打印即可，Head记得引入JQuery核心文件

example：
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
var stu = {
id:"14153322",
name:"张三",
age:19
};
$.each(stu,function(attr,val){
$('#list').append("<li>"+attr+":"+val+"</li>");
});

0 1-11 编程练习

2017-07-17

沉谙

动画这样写，举个栗子
$(document).ajaxStart(function() {
var load = $('#divload');
load.html("正在请求数据...");
});

$(document).ajaxStop(function() {
var load = $('#divload');
load.stop(false,true);
load.fadeTo(500,0,function(){
load.html("加载完成");
load.fadeTo(500,1);
});
});

0 1-9 使用ajaxStart()和ajaxStop()方法

2017-07-17

沉谙

调用格式如下：

$.get(URL,data,function(data,status,xhr),dataType)

参数：

1. url地址
2. data 发送的携带参数[json格式]
3. 回调函数
1. data - 包含来自请求的结果数据
2. status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）
3. xhr - 包含 XMLHttpRequest 对象
4. dataType 返回的数据格式可选。规定预期的服务器响应的数据类型默认地，jQuery 会智能判断

5 1-4 使用get()方法以GET方式从服务器获取数据

2017-07-16