第八次网页前端笔记

 获取表单
             1.document.getElementById("id届性值”);
                通过from标签的id属性值获取表单对象
             2.document.表单的name届性值;
                通过表单的name属性值获取表单对象
             3.document.forms[下标];
                通过指定下标获取表单元素
             4.document.forms[表单的name属性值!;
                通过表单的name属性值获取表单对象
                document.forms:获取HTML文档中所有的表单对象
  获取表单元素
            1、获取input元素
                1、document.getElementById("id属性值");
                    通过元素的id属性值获取表单元素对象
                2、表单对象.表单元素的name属性值;
                    通过表单对象中的对应元素的name属性值获取
                3、document.getElementsByName("name属性值");
                    通过表单元素的name属性值获取
                4、document.getElementByTagName("标签名/元素名");
                通过标签名获取表单元素对象
                
            2、获取单选按钮
                注意：相同的一组单选按钮，需要设置相同的name属性值
                1、document.getElementsByName("name属性值");
                    通过表单元素的name属性值获取
                2、判断单选按钮是否选中
                    checked选中状态
                    在js代码中
                        checked=true  表示选中
                        checked=false   表示不选中
                    在HTML标签中
                        checked=checked或checked表示选中
                        不设置checked属性，表示不选中
                3、获取单选按钮的值
                    与单选按钮相同
                4、获取下拉选项
                    1、获取下拉框对象
                        var 对象=document.getElementById("id属性值");
                    2、获取下拉框的下拉选项列表
                        var options=下拉框对象.options;
                    3、获取下拉框被选中项的索引
                        var index=下拉框对象.selectedIndex;
                    4、获取下拉框被选中项的值
                        var 值=下拉框对象.value;
                    5、通过选中项的下标获取下拉框被选中项的值
                        var 值=下拉框对象.options[index].value;
                    6、获取下拉框被选中项的文本
                        var 文本值=下拉框对象.options[index].text;
                    
                    
                    注意：
                        1、获取下拉框选中项的值（value）
                            如果option标签设置了value属性值，则获取value属性对应的值
                            如果option标签未设置value属性值，则获取的是option双标签中的位版本值
                        2、下拉框的选中状态
                            选中状态：selected=selected，selected，selected=true
                            未选中状态，不设置selected属性，selected=false

提交表单
            一、使用普通按钮 type="button"
                1、给按钮绑定click点击事件，绑定函数
                2、在函数中，进行表单效验（非空效验，合法性效验）
                3、如果效验通过，则手动提交表单
                    表单对象.submit();
            二、使用提交按钮   type="submit"
                1、给按钮绑定click点击事件，绑定函数
                2、函数要有返回值----返回未true执行   否则不执行
                3、在函数中校验
                4、通过   true   不通过   false
            三、    使用提交按钮   type="submit"    
                1、给表单form元素绑定submit提交事件，绑定函数
                2、函数要有返回值----返回未true执行   否则不执行
                    οnsubmit="return submitForm3()"

Ajax
            异步无刷新技术
            
            
            原生Ajax的实现流程
                1、得到XMLHttpRequest();
                2、打开请求
                    xhr.open(method,uri,async);
                        method:请求方式，通常是GET|POST
                        uri:请求地址
                        async:是否异步。如果是true表示异步，否则同步
                3、发送请求：
                    xhr.send(params);
                        params:请求时需要传递的参数
                            如果是get请求，设置null（get请求的参数放到url后面）
                            如果是post请求，无参数设置null，有参数设置参数
                4、接收响应
                    xhr.status 响应状态（200=响应成功，404=资源未找到，500=服务器异常）
                    xhr.responseText 得到响应结果