第一个问题：请问整个的流程是这样的吗

第一步：封装通用版本

第二步：创建请求

第三步：设置请求状态

第四步：发送请求

第五步：渲染效果

第二个问题：

视频中“设置请求状态”

 xhr.onreadystatechange = function(){

            //异步调用成功，响应内容解释完成，可以在客户端调用

            if (xhr.readyState === 4) {  //4表示异步调用成功

                if((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304){

 //获得服务器返回的数据（异步调用成功，就可以获得服务器返回的数据）返回结果是字符串，使用JSON.parse或者eval转换成对象

               data = JSON.parse(xhr.responseText);

              //渲染数据到页面中

               renderDataToDom();

                }

            }

        }

1：加粗代码是什么意思？

2：获得服务器返回数据是 data，是把data作为参数传进function renderDataToDom(){}里面吗？

第三问：

 //第五步：实现局部更新，渲染数据
          function renderDataToDom(){
            var img = data.slider,i,
                len = img.length,str = '',
                banner = document.getElementById('banner'); 
                //方法二：比方法一简单
                //每创建一次a标签，a里面有img，再把字符串拼接一起。
                //每循环一次，把字符串往变量里拼接一次
                for(i=0;i<len;i++){
                    str +='<a href="'+ img[i].linkUrl +'"><img src="'+img[i].picUrl+'"></a>';
                    //console.log(str);                              
                }
                //渲染到banner中 
                banner.innerHTML = str;
          }

1：var中i是什么意思？为什么要写i？

希望老师解答得详细些，先谢谢老师解答，辛苦了。