今天是2016-04-21,也是我们学习Js的第十天。
今天我们完善了如何做二级菜单,表单提交,轮播和ajax。
☆ 二级菜单
需要注意的问题:1.float和position。
2.必要时增加图层。
☆ 表单提交
今天的内容主要是表单提交前的验证:
<form onsubmit="return 函数名()">
<input type="submit">
</form>
<script>
function 函数名() {
console.info(1);
return true;
}
</script>
☆ 轮播
1.自动转换
2.移进移出
3.向前向后
4.索引事件
☆ ajax
1.创建xhr
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest(); ——→dom
} else {//ie
xhr = new ActiveXObject("Microsoft.XMLHTTP");——→ie
}
2.打开链接
(1)POST
xhr.open("POST", "newPage.html", true); ——→ true为异步
(2)GET
xhr.open("GET", "newPage.html", true);
↓
可调用Json数据
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
3.绑定回调函数:发送成功之后触发
xhr.onreadystatechange = function() {
arr = JSON.parse(xhr.responseText); ——→获取Json数据(数组);
document.body.innerHTML = xhr.responseText;
};
4.发送请求
(1)POST
xhr.send("password=123&username=321");
(2)GET
xhr.send("null");