PHP--ajax

BtWangZhi發表於2017-10-19

1
傳送請求後,返回處理過的資料一個小Demo
1.1 傳送index.php:

<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
名字: <input type="text" name="name" id="name">
<input type="button" value="提交" onclick="sub()">
</body>
<script type="text/javascript">
    function sub(){
        if (window.XMLHttpRequest)
        {
            // IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行的程式碼
            xmlhttp=new XMLHttpRequest();
        }
        else
        {    
            //IE6, IE5 瀏覽器執行的程式碼
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                //返回的資料填充到標籤中
                document.getElementById("name").value=xmlhttp.responseText;
            }
        }
        var name=document.getElementById("name").value;
        xmlhttp.open("GET","controller.php?name="+name,true);
        xmlhttp.send();
    }
</script>
</html>

1.2 接收端controller.php

<?php
    $name=$_GET["name"];
    //返回資料
    $response=$name."123";
    echo $response;
?>