• Ajax


    什么是AJAX?

    AJAX相当于异步的JavaScript和XML

    AJAX是用于创建快速动态网页的技术

    通过在后台与服务器进行少量的数据交换,AJAX可以使网页实现异步更新,这就意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

    传统的网页(不使用AJAX)如果需要更新内容,必须重载整个网页面

    有很多使用AJAX的应用程序案例:新浪微博、Coogle地图、开心网等

    AJAX是基于现有的Internet标准

    AJAX是基于现有的Internet标准,并且联合使用它们:

    1.XMLHttpRequest对象(异步的与服务器交换数据)

    2.JavaScript/DOM(信息显示/交互)

    3.CSS(给数据定义样式)

    4.XML(作为转换数据的格式)

    创建XMLHttpRequest对象

    var xmlhttp;

    if(window.XMlHttpRequest){

      //IE7+,Firefox,Chrom,Opera,Safari 浏览器执行的代码

      xmlhttp=new  XMLHttpRequest( );

    }else{

      //IE6,IE5  浏览器执行代码

      xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);

    }

    AJAX-向服务器发送请求 

    向服务器发送请求

    如需将请求发送到服务器,我们使用XMLHttpRequest对象的open()和send()方法;

    xmlhttp.open("GET","data.txt",true);

    xmlhttp.send();

    方法:open(method,url,async)

    描述:规定请求的类型,URL以及是否异步处理结果

    1.method:请求的类型,GET或POST

    2.url:文件在服务器上的位置

    3.async:true(异步)或false(同步)

    方法:send(string)

    描述:将请求发送到服务器

    string:仅用于POST请求

    GET和POST

    GET:看的见,传送数据小,通过网络地址传

    POST:看不见,传送数据大,通过http中的某个对象的一个body属性

    AJAX-服务器响应

    responseText:获得字符串形式的相应数据

    如果来自服务器的响应并非XML,使用responseText属性,responseText属性返回字符串形式的响应

    responseXML:获得XML形式的响应数据

    如果来自服务器的响应是XML,而且需要作为XML对象进行解析

    AJAX-onreadystatechange事件

    onreadystatechange事件

    当请求被发送到服务器时,我们需要执行一些基于相应的服务

    每当readyState改变时,就会触发onreadystatechange事件

    readystate属性存有XMLHttpRequest的状态信息

    下面是XMLHttpRequest对象的三个重要属性:

    onreadystatechange:存储函数(或函数名),每当readyState属性改变时,就会调用该函数

    readyState:存有XMLHttpRequest的状态。从0到4的变化

    0:请求未初始化

    1:服务器连接已建立

    2:请求已接受

    3:请求处理中

    4:请求已完成,响应已就绪

    status:200:"OK"    404:未找到页面

    什么叫动态页面?

    跟后台发生数据交互的页面叫做动态页面

    前后台数据交互依赖的一项技术叫AJAX

    AJAX的本质

    AJAX的本质就是XMLHttpRequest()对象

  • 相关阅读:
    mysql中delimiter
    error: unpacking of archive failed on file /usr/sbin/zabbix_agent;592e5bc3: cpio: open
    CefSharp中文帮助文档
    ASP.NET Aries 开发框架
    简洁的富文本编辑器
    asp.net core 获取appsettings.json里的配置
    在asp.net core中使用NLog
    临时禁用Resharper
    visual studio 无添加视图 选项
    visual studio(vs)初始化
  • 原文地址:https://www.cnblogs.com/diwangkaige/p/10527869.html
Copyright © 2020-2023  润新知