Java Web笔记(一) - Ajax

2017-11-06 19:12:02来源:CSDN作者:abc_cba_aaa人点击

分享

Ajax

异步请求的核心对象:XMLHttpRequest

<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head>    <title>测试Ajax</title></head><body><input type="text" id="test" /><input type="button" value="提交" onclick="commit()"><script type="text/javascript">    function commit() {        var value = document.getElementById("test").value;        var xmlHttp;        /*         创建xmlHttpRequest对象         注:这个对象支持现代浏览器,不支持IE浏览器。         */        try {            xmlHttp = new XMLHttpRequest();        } catch(exception) {            /*                创建IE浏览器支持的xmlHttpRequest对象             */            try {                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");            } catch(e) {                xmlHttp = new ActiveXObject("Msxml2.XMLHRRP");            }        }        /*            open():打开连接;            参数:                method:请求方法,post,get;                url:请求地址;                asyn:是否使用异步,默认是true,使用异步;         */        xmlHttp.open("post", "/testAjax/testAjaxServlet");        // 设置头信息        xmlHttp.setRequestHeader("content-Type", "application/x-www-form-urlencoded");        /*            调用send(),传递参数            传参:send('name'+val)            不传参则不用写参数;         */        xmlHttp.send();        // 设置监听机制        xmlHttp.onreadystatechange = function() {            /*                获取请求状态                状态值:                    0 初始化                    1 正在加载                    2 已加载                    3 交互中                    4 完成             */            if(xmlHttp.readyState == 4) {                // 获取响应状态码                if(xmlHttp.status == 200) {                    var text = xmlHttp.responseText;                    console.log(text);                }            }        }    }</script></body></html>


最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台