网页前端第八次培训笔记

注：续写网页前端第七次培训笔记。

5.表单

(1).获取表单

1).document.表单名称

2).document.getElementId(表单 id);

3).document.forms[表单名称]

4).document.forms[索引];

(2).获取表单元素

1).获取input元素：

1>.通过id获取

2>.通过form.名称形式获取

3>.通过name获取

4>.通过tagName数组

2).获取下拉选项：

1>.通过name属性值获取：document.getElementByName("name属性值")；

2>.判断单选按钮是否选中：在JS代码中checked=true表示选中，checked=false表示不选中；在HTML标签中checked=checked表示选中，不设置checked属性表示不选中。

3>.获取单选按钮的值：元素.value；

3).获取下拉选项：

1>.获取下拉框对象：var 对象 = document.getElementById("id属性值");

2>.获取下拉框的下拉选项列表：var options = 下拉框对象.options;

3>.获取下拉框被选中项的索引：var index = 下拉框对象.selectedIndex;

4>.获取下拉框被选中项的值：var 值 = 下拉框对象.value;

5>.获取下拉框被选中项的文本：var 文本值 = 下拉框对象.options[index].text;

(3).提交表单

1).使用普通按钮：

1>.给按钮绑定click点击事件，绑定函数。

2>.在函数中，进行表单校验。

3>.如果校验通过，则手动提交表单。

2).使用提交按钮：

1>.给按钮绑定click点击事件，绑定函数。

2>.函数需要有返回值，返回true或false。

3>.在函数中，进行表单校验。

4>.如果校验通过，返回true；如果校验不通过，则返回false。

6.Jquery Ajax

(1).ajax

1).原生Ajax的实现流程：

1>.得到XMLHttpRequest对象：var xhr = new XMLHttpRequest();

2>.打开请求：xhr.open(method，uri，async);

3>.发送请求：xhr.send(params);

4>.接受响应

(2).get

(3).post

(4).getJSON