1.表单
(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。
2.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