Egret和Http请求 (Ajax、XMLHttpRequest、Post、Get)

一  Http请求

二  AJax和XMLHttpRequest

三  一个Ajax例子

四 Egret中的egret.HttpRequest

五 Post和Get区别

一 Http请求

Http深入浅出  http://www.cnblogs.com/yin-jingyu/archive/2011/08/01/2123548.html

http请求返回码  http://blog.chinaunix.net/uid-25311424-id-3052306.html

二 Ajax和XMLHttpRequest

根据w3school的AJAX Http请求描述:

AJAX 使用 Http 请求

在传统的 JavaScript 编程中,假如您希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果。

由于每当用户提交输入后服务器都会返回一张新的页面,传统的 web 应用程序变得运行缓慢,且越来越不友好。

通过利用 AJAX,您的 JavaScript 会通过 JavaScript 的 XMLHttpRequest 对象,直接与服务器来通信。

通过使用 HTTP 请求,web 页可向服务器进行请求,并得到来自服务器的响应,而不加载页面。用户可以停留在同一个页面,他或她不会注意到脚本在后台请求过页面,或向服务器发送过数据。

XMLHttpRequest 对象

通过使用 XMLHttpRequest 对象,web 开发者可以做到在页面已加载后从服务器更新页面!

在 2005 年 AJAX 被 Google 推广开来(Google Suggest)。

Google 建议使用 XMLHttpRequest 对象来创建一种动态性极强的 web 界面:当您开始在 Google 的搜索框中输入查询时,JavaScript 会向某个服务器发出这些字词,然后服务器会返回一系列的搜索建议。

XMLHttpRequest 对象得到下列浏览器的支持:Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox、Opera 8+ 以及 Netscape 7。

三  一个Ajax例子

index.html

<script>
    var xmlhttp;

    function submit(score){

        if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
       {
         if (xmlhttp.readyState==4 && xmlhttp.status==200)
          {
              console.log(xmlhttp.responseText);
          }
       }
        xmlhttp.open("POST","ajax.php",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send("fname=" + score);
    }

    submit(999);
</script>

ajax.php

<?php
    echo $_POST[‘fname‘];
?>

四 Egret中的egret.HttpRequest

官方Http的教程:http://edn.egret.com/cn/index.php/article/index/id/589

Get方式

var request: egret.HttpRequest;
request = new egret.HttpRequest();
request.responseType = egret.HttpResponseType.TEXT;
request.addEventListener(egret.Event.COMPLETE,this.onPostComplete,this);
request.addEventListener(egret.IOErrorEvent.IO_ERROR,this.onPostIOError,this);
this.request.open("http://www.xxxx.com?data=123" , egret.HttpMethod.GET);this.request.setRequestHeader("Content-type","application/x-www-form-urlencoded");this.request.send();
   
private onPostComplete(e:egret.Event):void{
    var request = <egret.HttpRequest>event.currentTarget;    egret.log("get data : ",request.response);
 } 

private onPostIOError(e:egret.IOErrorEvent):void{

}

Post方式

var request: egret.HttpRequest;
request = new egret.HttpRequest();
request.responseType = egret.HttpResponseType.TEXT;
request.addEventListener(egret.Event.COMPLETE,this.onPostComplete,this);
request.addEventListener(egret.IOErrorEvent.IO_ERROR,this.onPostIOError,this);

this.request.open("http://www.xxxx.com" , egret.HttpMethod.POST);
this.request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
this.request.send( "p1=postP1&p2=postP2");

private onPostComplete(e:egret.Event):void{
    var request = <egret.HttpRequest>event.currentTarget;
    egret.log("post data : ",request.response);
 } 

private onPostIOError(e:egret.IOErrorEvent):void{

 }

五 Post和Get的区别

百度经验 get和post提交方式的区别  http://jingyan.baidu.com/article/d3b74d64abbd6b1f76e60947.html

时间: 2024-08-07 12:04:01

Egret和Http请求 (Ajax、XMLHttpRequest、Post、Get)的相关文章

【02】AJAX XMLHttpRequest对象

AJAX XMLHttpRequest对象 XMLHttpRequest 对象用于与服务器交换数据,能够在不重新加载整个网页(刷新)的情况下,对网页进行部分更新. XMLHttpRequest 对象是 AJAX 的基础,讲 AJAX ,大部分是在讲 XMLHttpRequest 对象. 所有现代浏览器(IE 7.0+.Chrome.FireFox.Opera.Safari)均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequ

JavaScrpit中异步请求Ajax实现

在前端页面开发的过程中,经常使用到Ajax请求,异步提交表单数据,或者异步刷新页面. 一般来说,使用Jquery中的$.ajax,$.post,$.getJSON,非常方便,但是有的时候,我们只因为需要ajax功能而引入Jquery比较不划算. 所以接下来便用原生JavaScrpit实现一个简单的Ajax请求,并说明ajax请求中的跨域访问问题,以及多个ajax请求的数据同步问题. JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpReq

C# WebApi传参之Post请求-AJAX

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷.  学无止境,精益求精    上一节讲述了C# WebApi传参之Get请求-AJAX 本节讲述C# WebApi传参之Post请求-AJAX,说起Ajax针对webApi的Post请求,真的不敢恭维,确实比较怪异,如果你不幸要写一个Ajax Post请求webApi接口,那么您还是有必要花点时间看看本篇博客,如果你也遇到了同样的问题,就不妨在最后给本篇博客点个赞.谢谢 说

JavaScript之Ajax-7 Ajax跨域请求(Ajax跨域概述、Ajax跨域实现)

一.Ajax跨域概述 同源策略 - 同源策略(Same origin policy)是一种约定,它是浏览器的核心也最最基本的核心.如果少了同源策略,则浏览器的正常功能可能都会收到影响.可以说Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现 - 它是由 Netscape 提出的一个著名的安全策略 - 现在所有支持 JavaScript 的浏览器都会使用这个策略 - 所谓同源策略是指,域名.协议.端口相同 域名概述 - 域名(Domain Name) 是由一串用点分隔的名字组成的In

AJAX请求 $.ajax方法的使用

AJAX请求 $.ajax方法的使用 使用jQuery的$.ajax方法可以更为详细的控制AJAX请求.它在AJAX请求上施加细粒度级别的控制. $.ajax方法语法 $.ajax(options) 参数   options (对象)一个对象的实例,其属性定义这个操作的参数.详情见下表. 返回值 XHR实例 options详细范围值 名称 类型 描述 url 字符串 请求的url地址 type 字符串 将要使用的HTTP方法.通常是POST或GET.如果省略,则默认为GET data 对象 一个

[js开源组件开发]network异步请求ajax的扩展

network异步请求ajax的扩展 在日常的应用中,你可能直接调用$.ajax是会有些问题的,比如说用户的重复点击,比如说我只希望它成功提交一次后就不能再提交,比如说我希望有个正在提交的loading效果.所以我做network这个组件来扩展$.ajax,希望全中国的人民们喜欢. 这里使用到了上篇[js开源组件开发]loading加载效果 一个loading效果,但为了让它独立运行,所以没有进行引用,而是直接做了一个loading方法在里面.它的具体效果图如下: 它的实例DEMO地址请点击这里

js 发送ajax请求(XMLHttpRequest)

<!DOCTYPE html><html> <head> <title></title> <script type="text/javascript"> ajax({ url: "http://localhost:8080/save", type: "POST", data: {}, dataType: "json", username: 'sss', s

java 设置允许ajax XMLHttpRequest 请求跨域访问

在非IE下,使用XMLHttpRequest 不能跨域访问, 除非要访问的网页设置为允许跨域访问. 将网页设置为允许跨域访问的方法如下: Response.AddHeader("Access-Control-Allow-Origin", "*"); 或指定域名下可以访问: Response.AddHeader("Access-Control-Allow-Origin", "http://www.1688hot.com:80")

ajax——XMLHttpRequest

XMLHttpRequest对象.能够让ajax程序在不又一次载入的页面的情况下更新页面数据,页面载入完毕后从server接受发生数据.这样既减轻了server负担又回顾了响应速度,缩短了用户的等待时间,让web程序更类似于传统的桌面应用. XMLHttpRequest对象4步用法: 1.建立XMLHttpRequest对象. 建立XMLHttpRequest对象时,要依据浏览器的不同版本号去建立,由于IE5.0和iE6.0,开发者就能够在WEB页面内部使用XMLHTTP ActiveX组件扩展