首页 > 其他 > 详细

XMLHttpRequest ajax功能

时间:2014-03-19 18:57:12      阅读:342      评论:0      收藏:0      [点我收藏+]

XMLHttpRequest对象创建

bubuko.com,布布扣
function createxhr()
    {
        var xhr=null;
        if(window.XMLHttpRequest)
        {
            var xhr = new XMLHttpRequest();
        }
        else if(window.ActiveXObject)
        {
            xhr = new ActiveXObject("Microsoft.XMLHttp");
        }
        return xhr;
    }
bubuko.com,布布扣

返回string对象

bubuko.com,布布扣
function state_change(url){
        var xhr = createxhrjson();
        console.log(xhr);
        xhr.open("GET",url,true);
        xhr.onreadystatechange = function(){
            if(xhr.readyState==4 &&  xhr.status == 200){
                document.getElementById("res").innerHTML = xhr.responseText;
            }
        }
    }
bubuko.com,布布扣

 ajax传值

get方式

bubuko.com,布布扣
xhr.open(‘get‘, url + ‘?time=‘ + time + ‘&username=’ + username, true);
xhr.send(null);
bubuko.com,布布扣
GET方式总结:用get方式可传送简单数据,但大小一般都限制在1KB下,数据追加到url中发送(http的header传送)。也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面。另外最重要的一点是,它会被客户端的浏览器缓存起来,那么,别人可以从浏览器的历史记录中读取到客户的数据,比较帐号密码,因此get方法在某些情况下,是会带来严重的安全性问题。

post方式

bubuko.com,布布扣
var queryVal = ‘time=‘ + time + ‘&username = ‘ + username:
xhr.open(‘post‘, url, true);
xhr.setRequstHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘);
xhr.send(queryVal);
bubuko.com,布布扣

POST总结:使用post方式时,浏览器把各表单字段及其数据作为HTTP消息实体内容发送Web服务器,而不是作为URL地址参数形式传递,所以使用post方式传递的数据量比使用get方式传递的数据量大的多。

XMLHttpRequest ajax功能,布布扣,bubuko.com

XMLHttpRequest ajax功能

原文:http://www.cnblogs.com/decsev/p/3611357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!