网页前端学习第七次（HTML）

一、JS表单

1.1.获取表单

 

1.2.获取表单元素

        1.2.1.获取input元素

        1.2.2.获取单选按钮

        1.2.3.获取多选按钮

        1.2.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

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