javascript - 如何通过ajax将输入数据传递给另一个php？

Question

有人能告诉我这有什么问题吗？

我有一个索引页面，用户将在其中输入 2 个日期并通过 ajax 将其发送到另一个 php 页面，即 month.php。 month.php 然后将在 mysql 查询中使用这些用户输入的日期并从数据库中选择数据。我的方法好像不行。

索引.php

<SCRIPT>
        function loadMonth()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
                  {// code for IE7+, Firefox, Chrome, Opera, Safari
                  xmlhttp=new XMLHttpRequest();
                  }
            else
                  {// code for IE6, IE5
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                  }
            xmlhttp.onreadystatechange=function()
              {
                  if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                    document.getElementById("myDivs").innerHTML=xmlhttp.responseText;
                    }
              }
            xmlhttp.open("GET","month.php",true);
            xmlhttp.send(); 
        }
</SCRIPT>

<div class="form" align="center">
        Select Dates<br>
        <input type="date" name="date1" ><br><br>
        To<br>
        <input type="date" name="date2" ><br><br>
        <input type="submit" onclick="loadMonth()" value="Search">
        <div id="myDivs"></div>
</div>

月.php

<?php
        $getdate1 = $_POST['date1'];
        $getdate2 = $_POST['date2'];
        $conn = mysqli_connect("localhost", "root", "", "table1");

            // Check connection
        if (!$conn) {
            die("Connection failed: " . mysqli_connect_error());
                }

            $today = date("Y-m-d");
            $sql = "SELECT items, COUNT(*) as Number
            FROM table1
            WHERE (date_table BETWEEN '".$getdate1."' AND '".$getdate2."')
            GROUP BY items";
            $result = mysqli_query($conn, $sql);
?>

我的代码似乎不工作

Answer 1

您没有向 month.php 发送任何参数，您可以像这样使用 GET 方法发送它:

xmlhttp.open("GET","month.php?date1=someDate&date2=anotherDate",true); 

在 PHP 代码中:

$getdate1 = $_GET['date1'];
$getdate2 = $_GET['date2'];

或者使用 POST 方法:

xmlhttp.open("POST","month.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("date1=someDate&date2=anotherDate");

并保持 php 代码原样。

IMPORTANT: Make sure that you escape the values before using it in the SQL Query or use prepared statements otherwhise you are vulnerable to SQL Injection.

您应该搜索“Prevent SQL Injection PHP”