网页前端第八次学习

一.表单

        获取表单(前两种简单)
                1.document.getElementById("id属性值");
                    通过form标签的id属性值获取表单对象
                2.document.表单name属性值;
                    通过表单的name属性值获取表单对象
                3.document.forms[下标]
                    通过指定下标获取表单元素
                4.document.forms[表单的name属性值]
                    通过表单的name属性值获取表单对象
                    
                document.forms:获取HTML文档中所有的表单对象

二.提交表单
                一.使用普通按钮  button
                    1.给按钮绑定click点击事件，绑定函数
                    2.在函数中，进行表单校验（非空，合法性校验等）
                    3.若校验通过，则手动提交表单
                        表单对象.submit();
                二.使用提交按钮 type = "submit"
                    1.给按钮绑定click点击事件，绑定函数 
                    2.函数需要有返回值    true或空 表单提交     οnclick="return 函数()"
                                        false     表单不会提交
                    3.在函数中对表单进行校验
                    4.若校验通过，返回true
                            失败，返回false
                三.使用提交按钮 type = "submit"
                    1.给表单元素绑定submit提交事件，绑定函数 
                    2.函数需要有返回值    true或空 表单提交     οnsubmit="return 函数()"
                                        false     表单不会提交
                    3.在函数中对表单进行校验
                    4.若校验通过，返回true
                            失败，返回false

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