ajax基础(1)

原创 2015年11月19日 22:45:13

ajax 4步曲

//1、打开浏览器
            var xhr = null;
            if (window.XMLHttpRequest) {  //兼容处理
                xhr = new XMLHttpRequest()
            }else {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //2、输入地址
            xhr.open('GET' , '1.txt' ,true);

            //3、提交
            xhr.send();

            //4、返回结果
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4) {
                    if (xhr.status == 200) {  //xhr.status 服务器的状态
                        alert(xhr.responseText)
                    }else {
                        alert('啊噢,出错了:  '+ xhr.status)
                    }

                };
            }

get与post存在的一些问题

1、get方式的缓存问题 :
    在url?后面连接一个随机数,时间戳
    xhr.open('get','shoname.php?username=BOB&age=100&'+new Date().getTime(),true)

2、get方式乱码,编码encodeURI
    xhr.open('get',"shoname.php?username='+encodeURI('老王')+'&age=100&"+new Date().getTime(),true)

3、post方式:数据放在send()方法里作为参数传递
    (1)请求头:指定发送的文档类型(编码)
    xhr.setRequestHeader('content-type','application/x-www-form-urlencode');
    (2)传参,如果传递username=老王,不需要编码encodeURI了,因为请求头已经声明了
    xhr.send('username=BOB&age=100')

4、post没有缓存问题。

5、stringify : 把一个对象转成对应的字符串
6、parse : 把字符串转成对应的对象,字符串格式的json的key值,必须用双引号引起来。
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

ajax基础教程1/5

  • 2007-09-21 08:57
  • 4.55MB
  • 下载

Ajax.基础教程.part1

  • 2008-07-26 07:50
  • 5.72MB
  • 下载

ajax基础1

AJAX(Asynchronous Javascript and XML)---异步交互(通信) 1、  涉及的技术内容 1)  使用XHTML和CSS标准的显示技术; 2)  使用DOM进行动...

Ajax基础教程1

Ajax基础教程1

ajax基础(1)

ajax基础

Ajax1基础原理

  • 2011-11-12 20:47
  • 942KB
  • 下载

Ajax基础教程(part1)

  • 2008-08-06 18:24
  • 5.72MB
  • 下载

AJAX基础学习(1)(创建对象,发请求)

创建对象 var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, S...

ajax基础教程.part1.rar

  • 2008-03-17 14:19
  • 9.54MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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