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

0715JS基础:ajax

时间:2018-07-15 23:17:29      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:init   name   基础   inner   rip   ati   scale   地址   OLE   

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
</head>
<body>
    <div id="nr">
        
    </div>
</body>
</html>
<script type="text/javascript">
    //1、初始化xml http request对象
    if(window.XMLHttpRequest){
        var xml = new XMLHttpRequest();
    }else{
        var xml = new ActiveXObject(Microso.XMLHTTP);
        //针对IE5/IE6浏览器
    }
    var attr = [1,2,3];
    //2、发送请求
    //get方式发送
    //xml.open("GET","chuli.php?fname="+attr,true);
    //传递的变量写到url地址
    //xml.send();
    //post方式发送
    xml.open("POST","chuli.php",true);
    xml.setRequestHeader("Content-type","application/x-www-form-urlencode");
    xml.send("fname="+attr);
    //3、接受返回值
    xml.onreadystatechange=function(){
        if(xml.readyState==4 && xml.status==200){
            var str=xml.responseText;
            //以字符串形式传回,所以处理页面也要把数据整合成字符串
            console.log(str);
        }
        document.getElementById("nr").innerHTML=str;
    }
</script>

 

0715JS基础:ajax

标签:init   name   基础   inner   rip   ati   scale   地址   OLE   

原文地址:https://www.cnblogs.com/zhangbaozhong/p/9315264.html

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