Ajax核心技术代码分享

所属分类: 网络编程 / AJAX相关 阅读数: 538
收藏 0 赞 0 分享

复制代码 代码如下:

<script>
    var xhr = '';
    function Ajax()
    {
        if(window.XMLHttpRequest)
        {
                var xhr = new XMLHttpRequest;//现代浏览器
        }else
        {
                var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
        }
    }
    Ajax();//1.获取Ajax对象

    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200)
        {
            var data = xhr.responseText;//2.判断状态,接收数据(字符串形式),后续操作
        }
    }

    //xhr.open('请求方式', '请求地址', TRUE);//3.异步传输连接
    //xhr.send([data]);//4.发送请求

    xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
    xhr.send();

    /*
    xhr.open('POST', 'demo.php', TRUE);
    xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send('name=weichen&sex=0'); 
    */

XHR对象中的成员属性和成员方法

复制代码 代码如下:

{

成员属性:
      status           服务器响应的HTTP状态码(如200或404)
      statusText        服务器响应的以字符串形式返回的HTTP状态码(ok或not found)
      readyState        浏览器请求的状态码(0到4)
      responseText         服务器响应的字符串格式的数据结果
      responseXML      服务器响应的XML格式的数据结果
      onreadystatechange   Ajax的请求事件(当readystate改变时调用的事件处理函数)
      onerror          请求过程中发生错误时调用的Mozilla的事件处理函数
      onprogress        内容加载后调用的mozilla的事件处理函数
      onload           文档加载完毕后调用的mozilla的事件处理函数
成员方法:
      setRequestHeader();        设置当前请求的header头信息(为即将发送到服务器端的消息头增加一个键/值对)
      open();               建立一个新的请求连接(用GET、POST、URL等初始化XHR对象)
      send();               发送一个请求(可能需要发送的数据)
      getResponseHeader("server");   返回指定的HTTP头的值(如server或last-modified)
      getAllResponseHeaser();      返回由换行符分割开的所有HTTP头的字符串
      absort();              终止请求

}

更多精彩内容其他人还在看

ajax中文乱码问题解决方案

ajax中文乱码问题在中文中经常会出现这种问题,其实只要稍加注意就不会出现ajax中文乱码这回事情了,接下来为大家详细介绍下如何解决这类问题
收藏 0 赞 0 分享

jquery ajax实现批量删除具体思路及代码

回调函数,在请求完成后需要进行的操作:此处是把选中的checkbox去掉,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈,希望对你有所帮助
收藏 0 赞 0 分享

JQuery+ajax实现批量上传图片(自写)

jquery+ajax方式实现单张图片上传的代码是可以搜的到,实现批量上传图片的程序却没搜索到于是自己写了个,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

利用Ajax实现在脚本里传值实例介绍

Ajax实现在脚本里传值可以解决实际上的一些问题,本文实现了一下,感兴趣的朋友可以参考下,希望可以帮助到你
收藏 0 赞 0 分享

jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)

CSS也使得表格的布局越来越光彩耀人。但是,无论如何,都掩饰不了那些包装下的死板,接下来为大家介绍下让那些死板的数据 更具有可读性、可用性
收藏 0 赞 0 分享

jQery ajax——load()方法示例介绍

load(url,[data],[callback])url:加载的页面地址;data: 可选项,发送到服务器的数据,格式是key/value;callback:可选项,回调函数,示例代码如下
收藏 0 赞 0 分享

滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨

滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用特在此与大家一起分享,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

ajax 登录功能简单实现(未连接数据库)

未连接数据库下实现ajax 登录功能判断登陆成功与失败,喜欢ajax的朋友可以参考下哈,希望对大家有所帮助
收藏 0 赞 0 分享

AJAX和WebService实现邮箱验证(无刷新验证邮件地址是否合法)

首先在项目里面添加服务引用,验证 Email 地址是否正确(邮件地址合法、只是域名正确、邮件服务器没有找到等等)感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

AJAX和三层架构实现分页功能具体思路及代码

本文涉及到AJAX和三层架构方面的知识,在学习分页的同时也巩固了一下它们的相关知识,适合初学者的你
收藏 0 赞 0 分享
查看更多