zoukankan      html  css  js  c++  java
  • Ajax

    1、全局刷新和局部刷新

    全局刷新:整个浏览器被新的数据覆盖。在网络中传输大量的数据。浏览器需要加载,渲染页面。

    局部刷新:在浏览器的内部,发起请求,获取数据,改变页面中的部分内容。其余的页面无需加载和渲染。网络中数据传输量少,给用户的感受好。

    Ajax是用来局部刷新的。局部刷新使用的核心对象是异步对象(XMLHttpRequest

    这个对象是存在在浏览器内存中的,使用javascript语法创建和使用XMLHttpRequest

    2、AjaxAsynchronous Javascript andXML(异步的JavaScript XML),只是一种做局部刷新的新方法(2003左右),在浏览器中执行

    Asynchronou:异步的意思

    JavascriptJavascript脚本在浏览器中执行,负责创建异步对象,发送请求,更新页面的dom对象。Ajax请求需要服务器端的数据。

    Xml:是一种数据格式。网络中的传输数据格式。使用json替换了xml

    Ajax包含的技术有javascriptdomcssxml等,核心是javascriptxml

    3、Ajax中使用XMLHttpRequest对象

    1)创建异步对象 var xmlHttp = new XMLHttpRequest

    2)给异步对象绑定事件。

    Btn.onclick = fun1()

    Function fun1(){

    alert(“按钮单击”)

    }

    例如:

    xmlHttp.onreadystatechange=function(){

    处理请求的状态变化

    if(xmlHttp.readyState == ){

    //可以处理服务端的数据,更新当前页面

    }

    }

    异步对象的属性readyState:表示异步对象请求的状态变化

    0:创建异步对象时,new XMLHttpRequest();

    1:初始异步对象,xmlHttp.open()

    2:发送请求,xmlHttp.send

    3:从服务器端获取了数据,此时3,注意3是异步对象内部使用,获取了原始的数据。

    4:异步对象把接收的数据处理完成后。此时开发人员在4

    异步对象的status属性,表示网络请求的状况的,200404500需要是当status==200时,表示网络请求是成功的

    3)初始异步请求对象

    异步的方法open()

    xmlHttp.open(请求方式get|post),“服务器端的访问地址”,同步|异步请求(默认是true,例如:xmlHttp.open(“get”,”loginServlet?name=zs&ped=123”,true)));

    4)使用异步对象发送请求

    xmlHttp.send()

    获取服务器返回的数据,使用异步对象的属性responseText

    ajax发起请求----servlet(返回的一个json格式的字符串{ name:河北”,jiancheng:””,”shenghui”:”石家庄” }

     

    4json分类

    1json对象,JSONbject,这种对象的格式  名称:值,可以看做是key:value格式

    2json数据,JSONArray,基本格式{ {name:河北”,jiancheng:””,”shenghui”:”石家庄” } , {name:”河北”,jiancheng:””,”shenghui”:”石家庄” } }

     

    为什么要使用json

    1、json格式好理解

    2、json格式的数据在多种语言中,比较容易处理。使用javajavascript读写json格式的数据比较容易。

    3、json格式数据它占用的空间下,在网络中传输快,用户体验好。

    js中,可以把json格式的字符串转为json对象,json中的key,就是json对象的属性名。

    转载请注明出处:https://www.cnblogs.com/stu-jyj3621
  • 相关阅读:
    jQuery火箭图标返回顶部代码
    类库引用EF
    Html.DropDownList
    MVC validation
    MVC @functions
    MVC 扩展方法特点
    Class 实现IDisposing方法
    MVC两个必懂核心
    Asp.net 服务器Application,Session,Cookie,ViewState和Cache区别
    sqlserver log
  • 原文地址:https://www.cnblogs.com/stu-jyj3621/p/14578714.html
Copyright © 2011-2022 走看看