ajax请求以及原生请求

1.表单提交

method 提交表单方式 
get  放超链接 服务器获取数据

post 参数无限制 安全性高 速度较慢 服务器修改数据
action提交表单的地址 

name相同表单提交格式
没有name表单 含有disabled表单元素
radio checkbox选中值没有value属性

表单提交事件 
发生submit事件 适用于<from>元素
submit方法触发submit事件
表单序列化
serialize通过序列划创建url值

serializearray
创建数组

ajax 
特点 无需刷新页面 与服务器进行通信
允许依据用户事件更新部分页面内容

同步 等数据返回完毕 才可以执行下一步 阻塞模式
异步 各做各的事 同时做 非阻塞

xml全是自定义标签

原生ajax
responsetext获得字符串形式响应数据
responsexml获得xml形式相应数据
四部：
创建对象
发送服务器请求
获取响应数据
发送

0请求未初始化
1服务器连接已建立
2请求已接受
3.请求处理中
4.请求已完成响应已就绪

表单提交
        method         表单提交的方式
        action         表单提交的地址
            get请求     不安全参数受限制但是速度快
            post请求 安全参数不受限但是速度慢
        表单提交的原则
            如果name值相同的表单提交，该name值会出现多长，且对应不同表单的值
            
        表单提交事件
            submit()
        表单序列化
            serialize()
            serializaArray()
    AJAX原理
        同步的理解    同步就是等请求完成数据返回完毕之后，才可以干别的事情
        异步的理解    客户端发请求的时，在等待服务器响应的时候，客户端可以做其他的事情
                    不需要重新加载网页，对网页的某部分继续更新
        优点
            可以无需刷新页面，与服务器进行通信
            允许依据用户事件来更新部分页面内容
        缺点
            没有历史记录，不能回退
            存在跨域问题
            SEO不友好
    原生AJAX
        1、创建Ajax对象
            var xmlhttp = new XMLHttpRequest()
        2、向服务器发送请求
            xmlhttp.open("get","http://127.0.0.1:8080",true)
        3、获取响应
            responseText         获得字符串的形式的响应式数据
            responseXML         获得XML的形式的响应式数据
            status                 200:OK   404:未找到页面
            readyState
                0：请求为初始化
                1：服务器连接建立
            
            xmlhttp.onreadystatechange = function(){
                if(statys==200&&readyState==4)
            }
        4、发送send()
            xmlhttp.send()