發送帖子請求javascript

Question

我正在開發一個應用程序，該應用程序應該將發布請求發送到進行特定計算的內部頁面

按下按鈕時，頁面（dashboard.php）將打印另一頁面的內容（calculate_salary.php）

到目前為止，這是我的js代碼：

<script language="JavaScript" type="text/javascript">

    function getXmlHttpRequestObject() {
      return new XMLHttpRequest();
    }
    var receiveReq = getXmlHttpRequestObject();
    function sayHello() {
      if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
        var start_date = $("#start_date").val();
        var end_date = $("#end_date").val();
        receiveReq.open("GET", 'calculate_salary.php', true);
        receiveReq.onreadystatechange = handleSayHello;
        receiveReq.send(null);
      }
    }
    function handleSayHello() {
      if (receiveReq.readyState == 4) {
        document.getElementById('span_result').innerHTML = receiveReq.responseText;
      }
    } 
    </script>

我想將start_date和end_date中的值發送到calculate_salary.php頁面

我將使用該計算頁面執行一些sql語句並將結果返回。

如何創建此請求？ POST不是絕對必要，我願意使用其他技術（js，php）來完成工作

謝謝

Answer 1

您可以改用ajax

$.ajax({
    url:"calculate_salary.php",
    type:"POST",
    data:{
        start_date = $("#start_date").val(),
        end_date = $("#end_date").val()
    },
    success:function(response){
        $('#span_result').html(response);
    }
});

您可以閱讀有關$ .ajax和$ .post的更多信息

Answer 2

您必須使用url生成querystring，如下所示：
var url = 'calculate_salary.php?start_date='+start_date+'&end_date='+end_date; receiveReq.open("POST", url, true);

因為您沒有發送值，這就是為什么您沒有在服務器端接收值的原因。

您可以在此處找到另一個示例： 如何通過XMLHTTPRequest傳遞變量

另外檢查一下： http://devzone.co.in/jquery-serialize-function-ajax-post-bigger-html-forms/