文档章节

Ajax兼容处理+发送请求+接收返回信息

PHer
 PHer
发布于 2014/06/19 10:40
字数 371
阅读 17
收藏 0
点赞 0
评论 0

针对不同的浏览器,Ajax对象的创建方式也是不同的,对于IE5 IE6 创建AJAX的方式和 IE7 主流浏览器都是不同的.

在创建ajax对象的时候,我们需要做一下兼容处理

老版本IE6,IE5,主流浏览器JAJAX兼容处理

<script>
    function CompatiableAjax(){
                    var obj=null;
                    if(window.ActiveXObject){
                            obj = new ActiveXObject("Microsoft.XMLHTTP");
                    }else{
                            obj = new XMLHttpRequest();
                    }
                    return obj;
            }
            var ajx = CompatiableAjax();
</script>

open(type,addr,method):通过某种放打开一个连接服务器的通道,使用http协议来完成。采用同步或异步的方式 

ajx.open('get','./02.php');

send:post方式打开的连接通道。

get方式发送数据和接收服务器返回数据

        

<script type="text/javascript">
    function CompatiableAjax(){
                    var obj=null;
                    if(window.ActiveXObject){
                            obj = new ActiveXObject("Microsoft.XMLHTTP");
                    }else{
                            obj = new XMLHttpRequest();
                    }
                    return obj;
            }
    function f2(){
        var xmlhttp = CompatiableAjax();
        xmlhttp.open('get','./02.php');
        xmlhttp.send(null);
        //根据ajax状态获取返回数据
        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState==4 && xmlhttp.status==200){
                    //接收返回数据
                  var messayreturn=xmlhttp.responseText;
            }
        }
    }
</script>

  POST方式发送数据和接收服务器返回数据

 <script type="text/javascript">
            function CompatiableAjax(){
                    var obj=null;
                    if(window.ActiveXObject){
                            obj = new ActiveXObject("Microsoft.XMLHTTP");
                    }else{
                            obj = new XMLHttpRequest();
                    }
                    return obj;
            }
            function f2(){
                var ajx = CompatiableAjax();    
                var usr ="cat";
                var data ="name="+usr;
            //    alert(data);
            
                ajx.open('post','./02.php');
                ajx.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                ajx.send(data);
                ajx.onreadystatechange=function(){
                        if(ajx.readyState==4 && ajx.status ==200){
                        console.log(ajx.responseText);
                        }            
                }    
            }
  </script>

POST发送的数据格式,变量用&符隔开

$data ="name="+alis+"&age="+24;

POST和GET方式可以同时发送。相互之间不影响,即使POST设置了头协议,也跟GET毫无关系。


© 著作权归作者所有

共有 人打赏支持
PHer
粉丝 4
博文 118
码字总数 38443
作品 0
成都
程序员
Ajax里的 XMLHttpRequest对象

XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始。 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequ...

颜凤娇 ⋅ 2014/01/08 ⋅ 0

再也不学AJAX了!(二)使用AJAX

在上一篇文章中我们知道,AJAX是一系列技术的统称。在本篇中我们将更进一步,详细解释如何使用Ajax技术在项目中获取数据。而为了解释清楚,我们首先要搞清楚我们是从哪里获取数据的,其次我们...

LiBin ⋅ 2017/12/01 ⋅ 0

【初窥javascript奥秘之Ajax】简述下你所知道的Ajax?

前言 ajax已经流行很多年了,现在来说它是否已经晚了呢???特别是有这样框架那样框架后,还有几个人认识原生ajax呢?我们每天都会用到的东西你到底对他了解吗? 在最近一次面试上不幸被问到...

范大脚脚 ⋅ 2017/12/14 ⋅ 0

Ajax手写代码应知应会

一、什么是Ajax? Ajax是几个单词首字母的缩写:Asynchronous(异步的)Javascript And Xml。它不是一种全新的技术,而是整合了几种现有的技术:Javascript、XML和CSS 我们通过Javascript的XML...

分钟 ⋅ 2014/04/02 ⋅ 0

Ajax入门及应用

说明:以下翻译的是从Mozilla官网里的一个对Ajax文章,本人英语自认为不怎么好,仅供参考,如需要更准确的信息请访问该地址:https://developer.mozilla.org/en/AJAX/GettingStarted 好的,开...

时过境迁_ ⋅ 2012/03/18 ⋅ 0

Ajax工作原理

1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行。而这也让微软感到无比的尴...

Mr&Cheng ⋅ 2013/02/16 ⋅ 0

AJAX从入门到放弃

AJAX简单介绍 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术;AJAX = 异步 Javascript和XML;通过在后台与服务器进行少量数据交换,...

许渺 ⋅ 2017/11/16 ⋅ 0

Python自动化开发学习24-Django中(AJAX)

讲师的博客地址:http://www.cnblogs.com/wupeiqi/articles/5703697.html 。号称是AJAX全套 原生Ajax Ajax主要就是使用 XmlHttpRequest 对象来完成请求的操作,该对象在主流浏览器中均存在(...

骑士救兵 ⋅ 05/18 ⋅ 0

ajax之请求对象的创建以及它与服务器之间的4次“握手”(好吧其实只有3次)

request对象的创建 对于request对象的创建,我们总会第一时间反映到下列语句 var request=new XMLHttpRequest(); 不过因为各大浏览器之间的相互斗殴行为,事情是不会这么简单的。 比如非常经...

红有三Evan ⋅ 2014/08/25 ⋅ 0

对 Ajax 的一次复盘

Ajax = 即为异步的 JavaScript 和 XML,它并不是新的编程语言,而是一种使用现有标准的新方法,最大的优点在于不需要重新更新整个页面的情况下,可以与服务器交换数据并更新部分的网页内容。...

果汁凉茶丶 ⋅ 2017/12/29 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

AppDelegate 设置Root相关

self.window = UIWindow.init(frame: UIScreen.main.bounds) self.window?.backgroundColor = UIColor.white self.window?.makeKeyAndVisible() self.window?.rootViewController = RootTabB......

west_zll ⋅ 25分钟前 ⋅ 0

Java并发系列5--倒计时器CountDownLatch

今天讲一个倒计时器工具,叫CountDownLatch。需要这个工具的场景大概有:当所有的小任务都完成之后,再启动大任务。 先看代码: public class CountDownLatchDemo {static final CountDow...

大大枣 ⋅ 26分钟前 ⋅ 0

SpreadJS使用进阶指南 - 使用 NPM 管理你的项目

前言 SpreadJS作为一款性能出众的纯前端电子表格控件,自2015年发布以来,已经被广泛应用于各领域“在线Excel”数据管理项目中。NPM,作为管理Node.js库最有力的手段,解决了很多NodeJS代码部...

葡萄城控件技术团队 ⋅ 27分钟前 ⋅ 0

Mac下IntelliJ IDEA快捷键大全

https://blog.csdn.net/lisongjia123/article/details/54949364

细节探索者 ⋅ 30分钟前 ⋅ 0

建造者模式

1、工厂模式中创建的对象大都是简单的对象 复杂的产品类并且拥有不同的属性特点的管理就需要用到建造者模式 2、建造者模式: 将一个复杂的对象的构建与它的表示分离,使得同样的构建过程可以...

职业搬砖20年 ⋅ 31分钟前 ⋅ 0

Mysql数据库开发 怎么优化SQL语句?

 1) 现场抓出慢查询语句 show full processlist;   2) 配置参数:   slow_query_log_file = ON 慢查询开启开关   long_query_time =2 记录大于2秒的sql语句   log_queries_not_usi...

老男孩Linux培训 ⋅ 31分钟前 ⋅ 0

Laravel 安装执行php artisan migrate 出现字段过长错误

最近在自己研究Laravel Laravel版本:5.6 PHP版本:7.1.9 Mysql版本:5.7.19 Apache版本:2.4.27 系统版本:windows10 首先要保证电脑安装了composer,和node.js 执行命令 composer global ...

Marhal ⋅ 37分钟前 ⋅ 0

ELK6.0日志从收集到处理完整版教程(二)

ELK简介 Elasticsearch 开源分布式搜索引擎,它的特点有:分布式,零配置,自动发现,索引自动分片,索引副本机制,restful风格接口,多数据源,自动搜索负载等。也可以认为ElasticSearch是一...

bz_z ⋅ 40分钟前 ⋅ 0

Spark项目之电商用户行为分析大数据平台之(七)数据调研--基本数据结构介绍

目录 一、user_visit_action(Hive表) 1.1 表的结构 1.2 表的说明 二、user_info(Hive表) 2.1 表的结构 2.2 表的说明 三、task(MySQL表) 3.1 表的结构 3.2 表的说明 四、工作流程...

xiaomin0322 ⋅ 44分钟前 ⋅ 0

评分卡模型剖析之一(woe、IV、ROC、信息熵)

信用评分卡模型在国外是一种成熟的预测方法,尤其在信用风险评估以及金融风险控制领域更是得到了比较广泛的使用,其原理是将模型变量WOE编码方式离散化之后运用logistic回归模型进行的一种二...

火力全開 ⋅ 45分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部