使用XMLHttpRequest对象分为4部完成:

1.创建XMLHttpRequest组建

2.设置回调函数

3.初始化XMLHttpRequest组建

4.发送请求

实例代码:

[javascript]

var userName;

var passWord;

var xmlHttpRequest;

//XmlHttpRequest对象

function createXmlHttpRequest(){

    if(window.ActiveXObject){ //如果是IE浏览器

        return new ActiveXObject("Microsoft.XMLHTTP");

    }else if(window.XMLHttpRequest){ //非IE浏览器

        return new XMLHttpRequest();

    }

}

function onLogin(){

    userName = document.f1.username.value;

    passWord = document.f1.password.value;

    var url = "LoginServlet?username="+userName+"&password="+passWord+"";

    //1.创建XMLHttpRequest组建

    xmlHttpRequest = createXmlHttpRequest();

    //2.设置回调函数

    xmlHttpRequest.onreadystatechange = zswFun;

    //3.初始化XMLHttpRequest组建

    xmlHttpRequest.open("POST",url,true);

    //4.发送请求

    xmlHttpRequest.send(null);

}

//回调函数

function zswFun(){

    if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){

        var b = xmlHttpRequest.responseText;

        if(b == "true"){

            alert("登录成功!");

        }else{

            alert("登录失败!");

        }

    }

}

================================================================================

[javascript]

var xmlhttp;

function verify1() {

    var username = document.getElementById("username").value;

    //确定浏览器

    if(window.XMLHttpRequest) {

        //针对FireFox、Mozillar、Opera、Safari、IE7、IE8

        //创建XMLHttpRequest对象

        xmlhttp = new XMLHttpRequest();

        //修正某些浏览器的BUG

        if(xmlhttp.overrideMimeType) {

            xmlhttp.overrideMimeType("text/html");

        }

    }else if(window.ActiveXObject){

        //针对IE5、IE5.5、IE6

        //这两个为插件名称作为参数传递,为了创建ActiveXObject

        var activeName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];

        for(var i=0;i>activeName.length();i++) {

              try{

                  //非别取出,如果创建成功则终止循环,如果失败则会抛出异常继续循环

                  xmlhttp = new ActiveXObject(activeName[i]);

                  break;

              }catch(e){

              }

        }

    }

    //确定XMLHttpRequest是否创建成功

    /*if(!xmlhttp) {

        alert("XMLHttpRequest创建失败!");

        return;

    }else {

        alert("XMLHttpRequest创建成功!"+xmlhttp);

    }*/

    //注册回调函数

    xmlhttp.onreadystatechange=callback;

    url = "classisservlet?name="+username;

    //设置连接信息

    //1.是http请求的方式

    //2.是服务器的地址

    //3.是采用同步还是异步,true为异步

    //xmlhttp.open("GET",url,true);

    //post请求与get请求的区别

    //第一个参数设置成post第二个只写url地址,第三个不变

    xmlhttp.open("POST","classisservlet",true);

    //post请求要自己设置请求头

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

    //发送数据,开始与服务器进行交互

    //post发送请求

    xmlhttp.send("name="+username);

}

function callback() {

    //接收响应数据  www.2cto.com

    //判断对象状态是否交互完成,如果为4则交互完成

    if(xmlhttp.readyState == 4) {

         //判断对象状态是否交互成功,如果成功则为200

        if(xmlhttp.status == 200) {

            //接收数据,得到服务器输出的纯文本数据

            var response = xmlhttp.responseText;

            //得到div的节点将数据显示在div上

            var divresult = document.getElementById("result");

            divresult.innerHTML = response;

        }

    }

}

[javascript]

<span style="color:#ffffff;"></span>

[plain]

使用JavaScript的XMLHttpRequest发送POST、GET请求以及接收返回值的更多相关文章

  1. WebRequest发送请求并接收返回值

    public string getXmlStr(string hphmcode)         {            string Url = "http://localhost:80 ...

  2. void in javascript是一个指定要计算表达式但不返回值的运算符

    void in javascript是一个指定要计算表达式但不返回值的运算符.void运算符使用格式如下:1.javascript:void(表达式)2.javascript:void表达式表达式是要 ...

  3. SpringMVC 学习笔记(请求方法的返回值和参数)

    在用注解对配置 处理器时,一般是一个方法处理一个请求,不同方法的返回类型有着不同的意义. 返回值为 ModelAndView 类型 ModelAndView 是Model 和 View 的一个集合类型 ...

  4. IE9中ajax请求成功后返回值却是undefined

    ie9中ajax请求一般处理程序成功后返回值始终是undefined,在网上找过很多资料,大致意思都是说前后端编码不一致造成的,但是按照资料上的方案去修改却发现根本不能解决我的问题,试过好多种方案都不 ...

  5. java后台发送请求并获取返回值(续)

    在java后端发送请求给另一个平台,从而给前端实现 "透传"的过程中,出现:数据请求到了并传到了前端,但是控制台打印时中文显示Unicode码而前端界面中中文显示不出来!!!开始怀 ...

  6. java后台发送请求并获取返回值

    项目中需要前端发送请求给后端,而后端需要从另一个平台中取数据然后再透传给前端,通过下述代码将其实现.在此记录一下. package com.autotest.utils; import java.io ...

  7. 使用post向webservice发送请求,并且返回值

    注意,这个方法仅仅适用于:该post页面处于websercive 站点下,或者是与webservice同属于一个主站点,即在iis里属于同一主站点的同级虚拟目录. protected void btn ...

  8. 切面(Aspect)获取请求参数和返回值

    @Before("webLog()") public void doBefore(JoinPoint joinPoint) throws Throwable { // 接收到请求, ...

  9. IOS学习之路十八(通过 NSURLConnection 发送 HTTP 各种请求)

    你想通过 Http 协议向服务器发送一个 Get 的包装请求,并在这个请求中添加了一些请 求参数. 向远程服务器发送一个 GET 请求,然后解析返回的数据.通常一个 GET 请求是添加了 一些参数的, ...

随机推荐

  1. vuex、redux、mobx 对比

    出处:https://www.w3cplus.com/javascript/talk-about-front-end-state-management.html 其实大部分概念都差不多,只不过VUEX ...

  2. spring 自带框架及可替换框架

    spring 自带框架 可替换框架 (可替换框架)是否推荐使用 spring security shiro 推荐使用 spring aop aspectj 集成aspectj使用 Shiro 对比 S ...

  3. 消息中间件 ActiveMQ的简单使用

    一.AactiveMQ的下载和安装 1. 下载ActiveMQ 地址:http://activemq.apache.org/activemq-5152-release.html 我这里下载的是wind ...

  4. 【python】python性能分析--待完善

    http://www.oschina.net/translate/python-performance-analysis http://blog.csdn.net/gzlaiyonghao/artic ...

  5. BASIC-11_蓝桥杯_十六进制转十进制

    注意事项: 1.长数据注意选择long long类型,用%ldd输出,防止数据溢出; 示例代码: #include <stdio.h>#include <string.h>#i ...

  6. maven学习(4)-Maven 构建Web 项目

    紧接着上一节(3),现在maven新建web项目,user-web.模拟一个用户登录的需求: 工程结构: pom.xml: <project xmlns="http://maven.a ...

  7. Mybatis学习(4)输入映射、输出映射、动态sql

    一.输入映射: 通过parameterType指定输入参数的类型,类型可以是简单类型.hashmap.pojo的包装类型 1) 传递pojo的包装对象 需求是:完成用户信息的综合查询,传入的查询条件复 ...

  8. R语言学习——循环判断语句

    循环  判断 函数 函数是一个对象,可以赋值 函数要放在调用函数的前面 输入输出 read.csv()------文本文件 csv是comma separated value的英文缩写,其读取逗号分隔 ...

  9. 【转载】Vmware Vconverter从物理机迁移系统到虚拟机P2V

    本文完整记录了如何从物理服务器,保持所有环境配置信息,纹丝不动的迁移到虚拟机上,俗称 P2V .采用的工具是VMware公司的 VMware vcenter vconverter standalone ...

  10. ubuntu14.04 login loop issue

    无法进入图形界面的所有问题几乎都碰到了,可惜尝试所有办法,还是各种broken packages 等,无法重装 ubuntu-desktop 成功. 耽误了2天,果断决定重装系统算了..尽管很多软件, ...