1.获取表单:
a.通过form标签的id属性值获取:document.getElementById(“id属性值”);(常用)
b.通过表单的name属性值获取:dounment.表单的name属性值;(常用)
c.通过指定下标获取:document.forms【下标】;
d.通过表单的name属性值获取:document.forms【表单的name属性值】;
document.forms 获取html中所有对象
2.获取input:
a.通过元素的id属性值获取:document.getElementById(“id属性值”);
b.通过表单对象中对应的元素的name属性值获取:表单元数.表单元素的name属性值;
c.通过表单的name属性值获取:document.getElementByName(“name属性值”);
d.通过标签名称获取:document.getElementByTagName(“标签名/元素名”)
3.获取下拉选项;
1.获取下拉框对象: var 对象 = document.getElementById(“id属性值”)
2.获取下拉框的下拉选项列表:var options = 下拉框对象.options
3.获取下拉框被选中项的索引:var index= 下拉框对象.selectedIndex
4.获取下拉框被选中项的值:var 值 = 下拉框对象.value
5.获取下拉框被选中项的文本:var 文本值 = 下拉框对象.options【index】.text
4.提交表单:
a.使用普通按钮(button):给按钮绑定click点击事件,绑定函数-----在函数中,进行表单校验,非空/合法校验等--如果校验通过,手动提交表单:表单对象.submit()
b.使用提交按钮(submit):给按钮绑定click点击事件,绑定函数-----函数需要有返回值,返回true或者false,返回true表单提交,返回false表单不提交:οnclick=“return 函数名”----在函数中,进行表单校验---若校验通过返回true,反之返回false
5.原生Ajax实现流程:得到XMLHttpRequest对象:var xhr = new XMLHttpRequest()------打开请求:xhr.open(method,uri,async) method请求方式通常是GET|POST,uri请求地址,async是否异步,true表述异步,false表示同步-----发送请求:xhr.send(params)params请求时需要传递的参数。GET请求设置null(GET请求参数设置在url后面)。POST请求,无参数设为null,有则设置参数----接收响应:xhr.status 响应状态(200=响应成功,500=服务器异常) xhr.responseText 得到响应结果