Ajax的简单应用

原创 2016年08月28日 17:01:48

Ajax给我的第一映像就是非常的高大上,不知道你是不是也和我一样这样认为呢,但是当你真正去了解和认识他的时候,就会发现,他也不过如此,今天就让我们一起去了解一下他的真面目吧。
以下是一些涉及到的小知识点:
1、配置自己的服务器程序(AMP)
2、什么是Ajax
无刷新数据读取
用户注册、在线聊天室
3、ajax(url,fnSucess,fnFaold)
文件名 成功读取信息时的函数,失败时的函数
4、清除缓存的方法
ajax(’aaa.txt?t=’+ new Data().getTime(),function(str){alert(str);},function(){alert{‘失败’});}
文件名后跟上?t=+ new Data().getTime();
5、get与post的异同
get: 通过网址传递(获取数据)
容量小(不适合大数据)
安全性差
有缓存
post:不通过网址传递(http content)(上传数据)
容量大(2g)
安全性好一点
没有缓存,每次都要像服务器提取新数据

6、 a)创建一个Ajax对象
if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}else{
//IE6
var oAjax = new ActiveXObject(“Microsoft.XMLHTTP”);
}
b)链接到服务器
//open(方法,文件名,异步传输)
oAjax.open(‘GET’,’a.txt’, true);
c)发送请求
oAjax.send();
d)接收返回值
oAjax.onreadystatechange = function(){
//oAjax.readyState //浏览器和服务器进行到哪一步了
if(oAjax.readyState == 4){ //读取完成
if(oAjax.status == 200){//成功
fnSucess(oAjax.responseText);
}else{
if(fnFalse){
fnFalse(oAjax.status);
}
}
}};

7、同步 :多件事儿一起 事情一件一件来
异步: 一件一件来 多个事情一件一件来
(前者表示一般意义,后者则表示计算机意义)
8、oAjax.readyState有哪几种情况
0 (未初始化)还没有调用open()方法
1 (载入)已调用send()方法,正在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容完成,可以在用户端调用了
基础知识大概就是这些,下面附上一个Ajax案例

/**
 * Created by YanZi on 2016/8/28.
 */
function ajax(url, fnSucess, fnFalse){
    //创建ajax对象
    //非IE6
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }else{
        //IE6
        var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //连接到服务器
    //open(方法,文件名,异步传输)
    oAjax.open('GET',url, true);

    //发送请求
    oAjax.send();

    //接收返回
    oAjax.onreadystatechange = function(){
        //oAjax.readyState     //浏览器和服务器进行到哪一步了
        if(oAjax.readyState == 4){ //读取完成
            if(oAjax.status == 200){//成功
                fnSucess(oAjax.responseText);
            }else{
                if(fnFalse){
                    fnFalse(oAjax.status);
                }
            }
        }
    };
}

时间原因,就写到这里,以后还会更新,敬请期待+_+

简单的Asp和AJAX应用

今天一个读者朋友问我:ASP可以实现AJAX 的吗?当然这是个相对来说比较菜鸟的问法,实际上,任何网站动态脚本语言都可以实现AJAX,因为AJAX本身是javascript上的概念,与所采用的动态脚本...
  • hanguofeng86
  • hanguofeng86
  • 2006年11月28日 22:49
  • 1498

Ajax学习(二)—— 一个简单的Ajax实例

通过上篇博客认识Ajax之后,我们通过一个简单的实例来消化消化理论知识,一睹Ajax的庐山真面目。 1.实例功能: 当用户输入用户名,文本框失去焦点后,通过异步调用来判断该用户名是否已经存在。若存...
  • CYL_happygirl
  • CYL_happygirl
  • 2014年11月07日 21:20
  • 13240

简单介绍一下AjAx

文章原地址:http://blog.sina.com.cn/s/blog_7fabe7e20102x3cr.html 什么是AjAx? 异步的javascript和xml。 ...
  • yong_csdn
  • yong_csdn
  • 2017年09月05日 09:43
  • 153

Ajax 简单的实例代码

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJ...
  • wu_ning
  • wu_ning
  • 2017年03月02日 19:32
  • 1721

AJAX简单使用介绍

Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. 同步是指:发送...
  • liuhenghui5201
  • liuhenghui5201
  • 2014年03月16日 00:12
  • 14817

AJAX简单demo

A。前台                                             // 提示    ...
  • wanglei_samrtfish
  • wanglei_samrtfish
  • 2016年05月08日 16:52
  • 940

利用javascript实现原生简单ajax的方法。

利用javascript实现原生简单ajax的方法。  实现ajax之前必须要创建一个 XMLHttpRequest (IE6↑)对象。如果不支持创建该对象的浏览器,则需要创建 ActiveX...
  • linjy520
  • linjy520
  • 2017年03月16日 14:22
  • 237

Ajax完成一个简单的HelloWorld程序

学习JavaScript的时候,学到了Ajax的部分,觉得它很有意思,便照着书上的例子写了一个最简单的Ajax的HelloWorld的例子。Ajax是“Asynchronous JavaScript ...
  • long2010yu2010
  • long2010yu2010
  • 2012年05月12日 16:30
  • 2851

ajax的简单应用

通过ajax实现简单的搜索下拉框的简单实现 function show1(){ //获取所有的li标签 var arr=$("#itemul>li"); //判断是否有li标...
  • wkfyynh
  • wkfyynh
  • 2016年12月01日 20:14
  • 107

简单的ajax应用

var xmlhttp; function creatXHR(){    if(window.ActiveXObject)    {       xmlhttp = new ActiveXObject...
  • muzai
  • muzai
  • 2010年09月13日 10:27
  • 370
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax的简单应用
举报原因:
原因补充:

(最多只允许输入30个字)