20151217--Ajax的一点补充

时间：2022-10-28 11:01:42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Ajax</title>

<script language="javascript">

//<script language="javascript" type="application/javascript">  // 如果上方的代码不能够完整实现就使用这个

//IE浏览器实例化方式

//var h = new ActiveXObject("Msxml2.XMLHTTP");

//var p = new ActiveXObject("Microsoft.XMLHTTP");

//非IE浏览器

//var f = new XMLHttpRequest();

//alert(p.getAllResponseHeaders());

var hx = false;

//定义函数

function test(user_id)

{

//所有浏览器通用实例化代码

    if(window.XMLHttpRequest)        //非IE     IE7版本及以上 都支持非ie形式

    {

        hx = new XMLHttpRequest();    //如果是非IE浏览器 那么就会实例化

//        alert("qqq");                //如果是实例化成功上方的，那么就会输出这句话

    }

    else if(window.ActiveXObject)    //IE

    {

        try{

            hx = new ActiveXObject("Msxml2.XMLHTTP");    //实例化

//            alert("qqq2");                                //如果实例化成功上方的 那么就会输出这句话

            }

        catch(e)

        {

            alert(e);

                try

                {

                    hx = new ActiveXObject("Microsoft.XMLHTTP");    //实例化

//                    alert("qqq3");                                    //如果实例化成功上方的 那么就会输出这句话

                }

                catch(e)

                {

                    alert(e);

                }

        }

}

//测试创建XMLHttpRequest是否成功

if(!hx)

    {

        alert("创建XMLHttpRequest失败");

    }

else

    {

        alert("创建XMLHttpRequest成功");

    }

       //异步请求的请求类型有两种方式 一种是 get 另一种是 post 两种方法都有各自的方式

    //get方式

    alert(new Date().getTime());

    // 1  设置异步请求的url等信息

    hx.open("GET","ajaxtest?userid=" + user_id + "&nocache = " + new Date().getTime() , true);    //（"请求类型 GET/POST",URL,是否异步 true/false）

    // 2  设置回调函数  事件处理器

    hx.onreadystatechange = function()        //匿名函数

    {

        getResult("1");

    }

//    hx.onreadystatechange = getResult;     //将回调函数的函数名作为一个事件处理器给 hx.onreadystatechange

    //调用请求的发送

    hx.send(null);        //在需要请求传送参数时设置异步请求时用  post  方式

}    

    //回调函数

    function getResult(type)

//    function getResult()

    {

        //

        //alert("readyState = "+hx.readyState);

        if(hx.readyState == 4)        //判断是否完成

            {

                if(hx.status == 200)        //判断服务器是否完成，正常

                {

//                    alert("回调信息 = " + hx.responseText); //返回的值

                    alert(hx.responseText);

                    alert(type);

//                    alert("Headers = " + hx.getAllResponseHeaders());         //获取返回函数的全部头信息

//                    alert("Server = " + hx.getResponseHeader("Server"));    //获取部分头信息--回调信息

                }

            else

                {

                    alert("错误状态码 = " + hx.status + "状态文本信息 = " + hx.statusText);

                }

            }

    }

/*    

    //post方式

    // 1  设置异步请求的url等信息

    hx.open("POST","ajaxtest",true);    //（"请求类型 GET/POST",URL,是否异步 true/false）

    // 2  设置回调函数  事件处理器

    hx.onreadystatechange = function()        //匿名函数

    {

        getResult("1");

    }

//    hx.onreadystatechange = getResult;     //将回调函数的函数名作为一个事件处理器给 hx.onreadystatechange    

    //调用请求的发送

    //在需要请求传送参数时设置异步请求时用  post  方式

    hx.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

    //post方式 数据传输    get方式可以直接放置于URL中

    hx.send("userid=" + user_id);

}

    //回调函数

    function getResult(type)

    {

        //

        //alert("readyState = "+hx.readyState);

        if(hx.readyState == 4)        //判断是否完成

            {

                if(hx.status == 200)        //判断服务器是否完成，正常

                    {

//                        alert("回调信息 = " + hx.responseText); //返回的值

                        alert(hx.responseText);

//                        alert("Headers = " + hx.getAllResponseHeaders());         //获取返回函数的全部头信息

//                        alert("Server = " + hx.getResponseHeader("Server"));    //获取部分头信息--回调信息

                    }

                else

                    {

                        alert("错误状态码 = " + hx.status + "状态文本信息 = " + hx.statusText);

                    }

            }

    }

*/

    //alert("Server = " + hx.getAllResponseHeaders("Server"));

</script>

</head>

<body>

用户代码:<input type="text" onchange="test(this.value);" />

</body>

</html>

Ajax

package com.hanqi;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

 * Servlet implementation class ajaxtest

 */

@WebServlet("/ajaxtest")

public class ajaxtest extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * Default constructor.

     */

    public ajaxtest() {

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("UTF-8");

        response.setCharacterEncoding("UTF-8");

        response.setContentType("text/html; charset=utf-8");

        String userid = request.getParameter("userid");

        if(userid != null && userid.trim().length() > 0)

        {

            //查找用户信息

            if(userid.equals("abc"))

            {

                response.getWriter().append("用户代码已存在！");

            }

            else

            {

                response.getWriter().append("用户代码不存在，可以使用！");

            }

        }

        else

        {

            response.getWriter().append("请正确填写！");

        }

        response.getWriter().append("test ajax");

        response.getWriter().append("Served at: ").append(request.getContextPath());

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        doGet(request, response);

    }

}

AjaxTest

20151217--Ajax的一点补充

20151217--Ajax的一点补充的更多相关文章

  1. 对于Tomcat服务器环境变量和启动配置的一点补充

    我们之前第一次使用Tomcat服务器运行jsp应用时,曾经给Tomcat配置过一个环境变量CATALINA_HOME,这个变量指定了Tomcat的安装位置,对于多个开发项目,我们一般会释放多个tomc ...

  2. WCF的一点补充-Restful相关

    参考 配置WCF心得 对REST架构 风格下WCF的一点补充 Securing WCF REST Service with Azure AppFabric Access Control Service ...

  3. Ajax技术使用补充

    Ajax技术使用补充 一.Ajax发送数据的几种形式 发送字符串或数字 $.ajax({ url:"/ajax_test.html/", type:'POST', data:{'v ...

  4. C&plus;&plus;基础--引用的一点补充

    这一篇是对引用的一点补充,内容基本上是来自<C++ primer plus>一书第八章的内容. 前面一篇介绍了引用的一点特点,这里补充一个,将引用用于类对象的时候,有一个体现继承的特征,就 ...

  5. 关于asp&period;net与jquery ajax 的一些补充

    补充1:asp.net 与后台交互除了用之前写得$.ajsx()外 还可以直接使用$.get()  , $.post()等. 补充2:jquery 跨域请求 例如: JSONP 跨域: $.ajax( ...

  6. 关于bundle install 的一点补充

    在第一次运行bundle install之后,生成了Gemfile.lock文件,里面记录gem的具体版本号,按照官方文档说明,以后运行bundle install就不会再依据Gemfile,而是根据 ...

  7. 【Linux】 linux的进程系统一点补充

    linux进程系统 ■ 程序 vs. 进程 程序静态地存放在磁盘中.用户可以触发执行程序,被触发后的程序就存进内存中成为一个个体,即为进程. 有些进程(比如crond需要每分钟都扫描.守护进程等等)是 ...

  8. 关于SpringMVC控制器的一点补充

    首先复习一下之前控制器的写法:http://www.cnblogs.com/eco-just/p/7882016.html. 我们可以看到,之前的写法是这样的: @RequestMapping(&qu ...

  9. 关于前一篇innodb自增列自己的一点补充

    上篇文章是我转载的,忘记注明了出处,在这里深感歉意.但是上篇文章中关于自增列预留ID的计算我当时怎么弄明白,后来自己想了想终于想通了,在这里详细解释一下. 我们以一次性插入10行为例,表格如下:  插 ...

随机推荐

  1. 【NOIP考前模拟赛】纯数学方法推导——旅行者问题

    一.写在前面 这题似乎是一道原创题目(不是博主原创),所以并不能在任何OJ上评测,博主在网盘上上传了数据(网盘地址:http://pan.baidu.com/s/1mibdMXi),诸位看官需者自取. ...

  2. js MATH

    MATH Math 对象用于执行数学任务. 无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法. Math 对象属性 var a=Math.E; //输出2.718281828459 ...

  3. Lowest Common Ancestor of a Binary Tree

    Given a binary tree, find the lowest common ancestor (LCA) of two given nodes in the tree. According ...

  4. Android Volley完全解析

    1. Volley简介 我们平时在开发Android应用的时候不可避免地都需要用到网络技术,而多数情况下应用程序都会使用HTTP协议来发送和接收网络数据.Android系统中主要提供了两种方式来进行H ...

  5. ORACLE分页查询SQL语法——最高效的分页

    --1:无ORDER BY排序的写法.(效率最高)--(经过测试,此方法成本最低,只嵌套一层,速度最快!即使查询的数据量再大,也几乎不受影响,速度依然!) SELECT * FROM (SELECT  ...

  6. 201521123037 《Java程序设计》第10周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常与多线程相关内容. 创建自己的异常 1.自定义异常要继承已有的异常,需要手动throw异常:根据继承的异常不同以及具体情况,选择 ...

  7. 关于java的自动拆装箱若干细节问题

    一.首先需要了解的几个前提: 1.自动装箱过程是通过调用valueOf方法实现的(如Integer.valueOf(10)),而拆箱过程是通过调用包装器的 xxxValue方法实现的(如Integer ...

  8. IO之间的比较

    在高性能的IO体系设计中,有几个名词概念常常会使我们感到迷惑不解.具体如下: 序号 问题 1 什么是同步? 2 什么是异步? 3 什么是阻塞? 4 什么是非阻塞? 5 什么是同步阻塞? 6 什么是同步 ...

  9. Android APK安装完成自动删除安装包

    需要实现此功能,一般实际开发是在自动版本更新上,当更新完开始自动安装完毕后,删除内存卡里的安装包.实现方式很简单,监听应用广播,获取内存卡下的文件,删除! 1.监听广播 package com.exa ...

  10. log4j输出多个自定义日志文件&lpar;转&rpar;

    如果在实际应用中需要输出独立的日志文件,怎样才能把所需的内容从原有日志中分离,形成单独的日志文件呢? 先看一个常见的log4j.properties文件,它是在控制台和test.log文件中记录日志: ...

相关文章