码迷,mamicode.com
首页 > Web开发 > 详细

ajax

时间:2016-07-05 00:55:10      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

function ajax(url, fnSucc, fnFaild)
{
    //1.创建Ajax对象
    var oAjax=null;
    
    if(window.XMLHttpRequest)
    {
        oAjax=new XMLHttpRequest();
    }
    else
    {
        oAjax=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    //2.连接服务器
    oAjax.open(‘GET‘, url, true);
    
    //3.发送请求
    oAjax.send();
    
    //4.接收服务器的返回
    oAjax.onreadystatechange=function ()
    {
        if(oAjax.readyState==4)    //完成
        {
            if(oAjax.status==200)    //成功
            {
                fnSucc(oAjax.responseText);
            }
            else
            {
                if(fnFaild)
                    fnFaild(oAjax.status);
            }
        }
    };
}

1. 什么是AJAX

无刷新的读取数据,如用户注册、在线聊天室;

2. 什么是服务器
3. 使用AJAX,读取服务器环境下的文件:

  • 基础:请求并显示静态txt文件;
  • 动态数据:请求js(或Json)文件
    -eval的使用
    -DOM创建元素
  • 局部刷新:请求并显示部分网页文件

4. 读取文件时注意编码一致
5. 运用AJAX读取服务器文件实例
6. 缓存及其影响
7. 用 new Date().getTime() 方式消除缓存的影响
8. 读取服务器文件中的数据全是字符串
9. eval() 方法
10. 用eval() 方法解析字符串
11. 文件的扩展名与AJAX的关系
12. 读取数组里的json
13. AJAX 分页实例,创建数据
14. 布局、ajax 读取、生成 li 元素,读取数据,预先清空数据
15. AJAX 原理、http请求:GET \ POST,两种方式的区别

  • get :用于获取数据(如:浏览帖子)
  • post:用户上传数据(如:用户注册)
  • 区别:get是在URL里传输数据:安全性低、容量低一般为几K;

ajax

标签:

原文地址:http://www.cnblogs.com/wjx91/p/5642141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!