Welcome五分时时彩为梦而年轻!

好程序员-千锋教育旗下高端IT职业教育品牌

400-811-9990
  • 客服QQ
  • 官方微信

    好程序员

    专注高端IT职业培训

[JavaEE] 好程序员Java培训教程分享原生Ajax的使用

[复制链接]
607 0
叶子老师 发表于 2019-8-23 15:42:46 | 只看该作者 |阅读模式 打印 上一主题 下一主题
好程序员Java培训教程分享原生Ajax的使用,首先五分时时彩先来看一下什么是 AJAX
        AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
        AJAX 就是 异步、JavaScript XML。
        AJAX 是一种用于创建快速动态网页的技术。
        通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
        传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
AJAX 工作原理
    Browser浏览器            Server服务器
    发起事件
    创建XMLHttpRequest对象
    发送请求               
                            接收客户端发送的对象
                            回复一个ResponseText对象
    接收ResponseText结果
    更新页面局部数据
                                                      
XMLHttpRequest 对象
    XMLHttpRequest AJAX 的基础。
    所有现代浏览器均支持 XMLHttpRequest 对象(IE5 IE6 使用 ActiveXObject)。
    XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
创建 XMLHttpRequest 对象
    所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。
    创建 XMLHttpRequest 对象的语法:
    variable=new XMLHttpRequest();
    为了应对所有的现代浏览器,包括 IE5 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :
    **实例**
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
AJAX - 向服务器发送请求请求
    XMLHttpRequest 对象用于和服务器交换数据。
    向服务器发送请求
        如需将请求发送到服务器,五分时时彩使用 XMLHttpRequest 对象的 open() send() 方法:
            xmlhttp.open("GET","ajax_info.txt",true);
            xmlhttp.send();
    open(method,url,async)        规定请求的类型、URL 以及是否异步处理请求。
        method:请求的类型;GET POST
        url:文件在服务器上的位置
        async:true(异步)或 false(同步)
    send(string)        将请求发送到服务器。
        string:仅用于 POST 请求
GET 还是 POST
    POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
    然而,在以下情况中,请使用 POST 请求:
        无法使用缓存文件(更新服务器上的文件或数据库)
        向服务器发送大量数据(POST 没有数据量限制)
        发送包含未知字符的用户输入时,POST GET 更稳定也更可靠
**GET 请求**
   
    xmlhttp.open("GET","/try/ajax/demo_get.php",true);
    xmlhttp.send();
    如果您希望通过 GET 方法发送信息,请向 URL 添加信息:
    xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry&lname=Ford",true);
xmlhttp.send();
**POST 请求**
   
    一个简单 POST 请求:
    xmlhttp.open("POST","/try/ajax/demo_post.php",true);
    xmlhttp.send();
   
    如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:
    xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("fname=Henry&lname=Ford");
AJAX - 服务器 响应
    请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数:
    服务器响应如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText responseXML 属性。
    responseText        获得字符串形式的响应数据。
    responseXML        获得 XML 形式的响应数据。
好程序员Java培训官网:http://www.fangbibi.com/javaEE_class.shtml

精彩内容,一键分享给更多人!
收藏
收藏0
转播
转播
分享
淘帖0
支持
支持0
反对
反对0
您需要登录后才可以回帖

本版积分规则

关注五分时时彩
好程序员
千锋好程序员

北京校区(总部):北京市海淀区宝盛北里西区28号中关村智诚科创大厦

深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619

杭州龙驰智慧谷校区:浙江省杭州市下沙经济技术开发区元成路199号龙驰智慧谷B座7层

郑州校区:郑州市二七区航海中路60号海为科技园C区10层、12层

Copyright 2007-2019 北京千锋互联科技五分时时彩 .All Right

京ICP备12003911号-5 京公安网11010802011455号

请您保持通讯畅通1对1咨询马上开启