AJAX Post表單變量到PHP頁面

Question

我有一個執行AJAX函數的表單，以將表單值提交到PHP頁面。 PHP頁面只是通過回顯DIV中的變量來響應。

它適用於GET方法，但我無法使用POST。

    <html>
    <body>
    <script language="javascript" type="text/javascript">
    <!-- 
    //Browser Support Code
    function ajaxFunction(){
        var ajaxRequest;

        try{
            // Opera 8.0+, Firefox, Safari
            ajaxRequest = new XMLHttpRequest();
        } catch (e){
            // Internet Explorer Browsers
            try{
                ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try{
                    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e){
                    // Something went wrong
                    alert("Browser Not Supported");
                    return false;
                }
            }
        }
        // Get Response
        ajaxRequest.onreadystatechange = function(){
            if(ajaxRequest.readyState == 4){
                document.getElementById("response").innerHTML = ajaxRequest.responseText;
            }
        }
        var name=document.getElementById("name").value
        var email=document.getElementById("email").value
        ajaxRequest.open("POST", "process.php?name="+name+"&email="+email, true);
        ajaxRequest.send(null); 
    }
    //-->
    </script>
    <form name='Form1'>
      Name:  <input type='text'  name='name' id="name"/> <br />
      Email: <input type='text'  name='email' id="email"/> <br />
    <input type="button" value="Submit" onClick="ajaxFunction();">
    </form>
    <div id="response">
    </div>
    </body>
    </html>

和php頁面，process.php

    <?php
    echo date("H:i:s"); 
    echo "<br/>";
    // echo "Post Variables: ".$_POST['name']." ".$POST['email']; old code
            echo "Post Variables: ".$_POST['name']." ".$_POST['email'];
    echo "<br/>";
    echo "Get Variables: ".$_GET['name']." ".$_GET['email'];
    ?>

我得到的回應是：

11:32:05發布變量：獲取變量：輸入的名稱已輸入電子郵件

所以我很確定這是從PHP傳遞到Javascript的變量。

非常感謝。

Answer 1

 ajaxRequest.open("POST", "process.php?name="+name+"&email="+email, true); ajaxRequest.send(null);

那不是張貼變量。 在這里，您將它們作為GET參數發送，並為您的POST請求提供一個空體。 相反，使用

ajaxRequest.open("POST", "process.php", true);
ajaxRequest.send("name="+name+"&email="+email);

甚至更好

ajaxRequest.open("POST", "process.php", true);
ajaxRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajaxRequest.send("name="+encodeURIComponent(name)+"&email="+encodeURIComponent(email));

AJAX Post表單變量到PHP頁面

問題描述

1 個解決方案

解決方案1
8 已采納 2014-01-09 11:36:56

AJAX Post表單變量到PHP頁面

問題描述

1 個解決方案

解決方案1 8 已采納 2014-01-09 11:36:56

解決方案1
8 已采納 2014-01-09 11:36:56