码迷,mamicode.com
首页 > Web开发 > 详细

原生Ajax的怎么用?

时间:2019-11-21 17:08:31      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:request对象   开启   stat   inner   mic   nbsp   else   charset   open   

<script>
    function createXMLHttpRequest() {
        var xmlhttp;
        try {
            //先直接创建XMLHttpRequest
            xmlhttp = new XMLHttpRequest();
        } catch (e) {
            try {
                //如果有异常,创建不成功
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                //如果还有异常
                try {
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    alert("您的浏览器不支持ajax");
                    return;
                }
            }
        }
        return xmlhttp;
    }
  
// 发送原生Ajax请求的方法
function checkName(obj) { //得到XMLHttpRequest对象 var xmlhttp = createXMLHttpRequest();      //开启请求 xmlhttp.open("post", "${pageContext.request.contextPath}/stu/registCheck"); xmlhttp.onreadystatechange = function() { //如果响应成功 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var jsonObj = JSON.parse(xmlhttp.responseText); var span = document.getElementById("name2"); if (jsonObj.userExsit) { var input = document.getElementById("input"); input.isDisabled = "true"; span.innerHTML = "<font color=‘red‘>" + jsonObj.msg + "</font>"; } else { span.innerHTML = "<font color=‘green‘>" + jsonObj.msg + "</font>"; } } } //设置请求头,意思是以post的方式提交表单数据,编码格式为utf-8 xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded;charset=utf-8"); //发送请求 xmlhttp.send("name=" + obj); } </script>

 

原生Ajax的怎么用?

标签:request对象   开启   stat   inner   mic   nbsp   else   charset   open   

原文地址:https://www.cnblogs.com/JavaNeverGiveUp/p/11906377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!