zoukankan      html  css  js  c++  java
  • 实现Ajax

    Ajax的核心操作是异步调用和局部更新。异步调用主要由XMLHttpRequest实现,局部更新常由DOM实现。

    要完整实现一个Ajax异步调用,通常有以下几个步骤:

    1、创建一个XMlHttpRequest对象,即异步调用对象。

    2、在创建XMLHttpRequest对象之后,还必须为该对象指定一个函数,其作用是响应XMLHttpRequest对象状态的变化,从而判断XMLHttpRequest对象的异步调用是否完成。

    3、使用XMLHttpRequest对象的open()方法创建一个Http请求。在Http请求中,可以设置请求的方式、URL和验证信息。

    4、使用XMLHttpRequest对象的send()方法发送Http请求。

    以上个步骤的作用是创建一个Ajax异步调用。在Ajax异步调用时,还必须要从服务器上获得返回的数据,并在网页上局部更新,这样才是一个完整的Ajax实现过程。而从服务器上获得返回的数据,在第2步所创建的响应HTTP请求状态变化的函数中完成。该函数的实现步骤如下:

    1、判断异步调用是否完成。

    2、如果异步调用完成,还必须判断异步调用是否执行成功。注意完成和成功是两个完全不同的状态。

    3、如果异步调用成功,则使用DOM实现局部数据的更新。

    最后,再使用一个事件来触发Ajax的异步调用。

     一个简单的Ajax实例,参考链接:http://www.cnblogs.com/yulian/p/4777413.html

  • 相关阅读:
    气象数据之风向数据json格式解析
    气象数据之风向数据展示原理
    js之生成json文件
    气象数据之grib2转json
    气象数据之全球方向数据(grib2)下载
    气象数据之数据查看(panoply)
    arcgis js 3.x 之弹框拖动后添加引导线
    arcmap加载netcdf(.nc)数据
    ol3之测试项目
    ol3之加载arcgis wms图层
  • 原文地址:https://www.cnblogs.com/yulian/p/4777401.html
Copyright © 2011-2022 走看看