zoukankan      html  css  js  c++  java
  • Ajax 学习随笔

    1.首先创建一个ajax对象   new XMLHttpRequest

       注:ie6:new ActiveXObject('Microsoft.XMLHTTP')

    2.通过建好的ajax对象下属性和方法来完成数据交互工作,open('交互方式get/post' , '文件的url地址' , '是否异步true/false');

     注: 是否异步默认值为true 。

       false 表示同步,如果同步,在send步骤会导致堵塞。如果同步,事件的监听要在事件触发之前去做。

    3. 发送 send

    4.事件监听。

     onreadystatechange: 当状态值发生改变的时候触发事件

       readyState: ajax工作状态,数字类型0-4 

       responseText : 保存的是服务器返回过来的内容。ajax会把服务器返回过来的数据解析成字符串存到responseText下面

       status :  返回的服务器状态,比如404 , 200

    ------------------------------------------------------------------------------------------------------------------------------------------

    get 传输: 1.浏览器会有缓存,在url后面加随机数

          2.特殊内容需要进行编码传输,比如中文encodeURI('中文')

    post 传输:1.要发送的数据放在send()方法中,作为他参数  xhr.send('username=aa&age=11');

           2.通过发送请求头信息,处理表单中的数据url编码  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

    --------------------------------------------------------------------------------------------------------------------------------------------

    后端返回的数据是JSON 或者 数组的字符串,因为responseText获取到内容都会是字符串,所以通过以下方法改变数据格式

    var data = JSON.parse(xhr.responseText);

  • 相关阅读:
    (C#)TreeView控件综合实例
    C#语言命名规则
    C#基础全接触
    (C#)GDI+简单绘图画矩形
    (C#)GDI+简单绘图画曲线
    C#拆箱与装箱之代码优化
    (C#)GDI+绘图之鼠标移动画图
    近期学习计划
    MS_SQL_杂记(一)
    别在迷恋正则表达式解析html了,好吗?
  • 原文地址:https://www.cnblogs.com/vivijs/p/3446371.html
Copyright © 2011-2022 走看看