zoukankan      html  css  js  c++  java
  • 原生ajax访问服务器所展现的现象

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>ajax</title>
    <script>
    function fn1(){
    // 1创建ajax引擎对象-----》所有的信息都是通过ajax引擎传递
    var xmlhttp=new XMLHttpRequest();
    //2 绑定监听
    xmlhttp.onreadystatechange=function(){
    //5 接受响应的数据
    var ret = xmlhttp.responseText;
    if(xmlhttp.readyState==4&&xmlhttp.status==200){
    //alert(ret);
    document.getElementById("span1").innerHTML=ret;
    }

    }
    //3 绑定地址
    xmlhttp.open("GET","/day49/ajaxServlet",true);
    //4 发送请求
    xmlhttp.send();

    }
    function fn2(){
    // 1创建ajax引擎对象-----》所有的信息都是通过ajax引擎传递
    var xmlhttp=new XMLHttpRequest();
    //2 绑定监听
    xmlhttp.onreadystatechange=function(){
    //5 接受响应的数据
    var ret = xmlhttp.responseText;
    if(xmlhttp.readyState==4&&xmlhttp.status==200){
    //alert(ret);
    document.getElementById("span2").innerHTML=ret;
    }

    }
    //3 绑定地址
    xmlhttp.open("GET","/day49/ajaxServlet",false);
    //4 发送请求

    xmlhttp.send();

    }
    </script>
    </head>
    <body>
    <input type="button" value="异步访问服务器" onclick="fn1()"><span id="span1"></span>
    <input type="button" value="同步访问服务器" onclick="fn2()"><span id="span2"></span>
    <input type="button" value="测试按钮" onclick=alert("看我")>
    </body>
    </html>

    对应的servlet

    package cn.lijun.demo;

    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;

    public class AjaxServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    //response.getWriter().write("qiang");
    //request.getParameter("");
    try {
    Thread.sleep(10000);
    } catch (InterruptedException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    response.getWriter().write(Math.random()+"");
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    doGet(request, response);
    }
    }

  • 相关阅读:
    svn 指定不更新目录
    C# 修改win环境变量 来加载dll库
    基本组件
    在SD卡上创建/删除文件夹 使用DDMS透视图管理SD卡
    linux中图形界面改成文本
    表格布局和线性布局
    文件操作
    静态库的生成和调用
    船载电子海图系统(E C S )概述
    GPS全球定位系统构成及原理
  • 原文地址:https://www.cnblogs.com/lijun6/p/10516804.html
Copyright © 2011-2022 走看看