AJAX的使用

原生ajax：

//创建一个ajax对象
    function createXhr(){

        try{
            //W3C内核浏览器中Ajax对象的创建
            return new XMLHttpRequest();
        }catch(e){

        }

        try{
            //IE内核浏览器中Ajax对象的创建
            return new ActiveXObject('Microsoft.XMLHTTP');
        }catch(e){

        }

    }

    //1、创建ajax对象
    var xhr = createXhr();
    //2、设置回调函数
    xhr.onreadystatechange = function(){
        //6、判断与执行
        if(xhr.readyState == 4 && xhr.status == 200){
            //执行代码
            //reponseText ：响应字符串；responseXML：响应xml
            alert(xhr.responseText);
        }   
    }
    //3、初始化ajax对象
    xhr.open('get','url');
    //xhr.open('post','url');
    //4、设置请求头信息（get请求时不需要添加）
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    //5、发送ajax请求
    xhr.send(null);//get请求为null，post请求为数据
    //var data = 'a=1&b=2&c=3';
    //xhr.send(data);

jquery ajax的使用

    //$.get(url,data,callback,type); type：预期服务返回的值类型
    $.get(
        url,
        data,
        function(msg){
            //回调函数执行
        }
    );

    //$.post(url,data,callback,type);
    $.post(
        url,
        data,
        function(msg){
            //回调函数执行
        }
    );

    $.ajax({
        type : 'GET',//请求类型
        url : 'url',//请求地址
        data : 'data',//请求数据，String型
        async : true,//是否为异步
        cache : false,//是否缓存
        success : function(){
            //成功回调函数
        }
    });

jquery ajax 上传图片

<input accept="image/*" type="file" id="uploadFile" name="file">

 $('#uploadFile').change(function(){
            var formData = new FormData();
            formData.append("file", document.getElementById("uploadFile").files[0]); 
            $.ajax({
                    type : 'POST',//请求类型
                    url : "",//请求地址
                    data : formData,//请求数据，String型
                    /**
                    *必须false才会自动加上正确的Content-Type
                    */
                    contentType: false,
                    /**
                    * 必须false才会避开jQuery对 formdata 的默认处理
                    * XMLHttpRequest会对 formdata 进行正确的处理
                    */
                    processData: false,
                    async : true,//是否为异步
                    cache : false,//是否缓存
                    success : function(data){

                    }
            });
 })