原生js中用Ajax進行get傳參
案例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
input{
width:600px;
height:50px;
display:block;
}
</style>
</head>
<body>
<input type="text" name="id" id="id" value="3"/>
<input type="text" name id="text" value="zhangsan"/>
<input type="text" nane="money" id="money" value="1000"/>
<input type="text" name="bumen" id="bumen" value="web"/>
</body>
</html>
<script>
//用原生寫；
//首先，Ajax；封裝版 get方式
function ajax(medth,url,fn,data){
var xmlhttp=new XMLHttpRequest;
xmlhttp.open(medth,url+"?"+data,true); //url 和 data要是字符串 ，但是必須是傳值時是字符串，這里是變量url data 所以用+拼接起來，中間用必須？連接起來
xmlhttp.send();
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
fn(xmlhttp.responseText);
}
}
}
function $(name){
return document.getElementById(name);
}
var so=$("id").value; // 獲取表單的值
var ss=$("text").value;
var mo=$("money").value;
var bu=$("bumen").value;
var js="id="+so+"&name="+ss+"&money="+mo+"&bumen="+bu; //傳數據的格式；（不管get還是post通用） &符 表示and的意思 js要是字符串 所以可以用+進行字符串拼接；
console.log(js);
ajax("get","http://192.168.43.229:8088/seven/4.12/admin/02.php",mn,js);
function mn(data){
console.log(data); //在php中獲取的數據
}
</script>
<?php
$so=$_GET['id']; //用get獲取id的字段 與js中的id一致；
$ss=$_GET['name'];
$mo=$_GET['money'];
$bu=$_GET['bumen'];
$arr=[];
array_push($arr,$so,$ss,$mo,$bu); //將他們放在數組里
var_dump($arr); //只能用var_dump展示出來；
?>