- <!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('Microsoft.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-urlencoded"); // 传值时, 要有这一句
- 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; // 找到 id 元素, 添加返回的数据
- }
- </script>
- chuli.php
- <?php
- $attr = $_POST['fname'];
- //$str = join(",",$attr);
- echo $_POST['fname'];
- ?>
来源: http://www.bubuko.com/infodetail-2686642.html