javascript - 使用 ajax/javascript 选择项目并将其添加回 mysql

Question

这是我关于 SO 的第一篇文章，如果我能得到我遇到的问题的一些答案，我将非常感激。

基本上我正在做一个简单的购物页面，您可以在其中单击并使用ajax列出产品。这将列出带有“添加”按钮的项目。我想要做的是能够单击此按钮，这将导致将元素添加到临时 mysql 表中。到目前为止，一切都在寻找元素，但我陷入了这个阶段。

这是我的表单:

<div id="divsearch">
            <form>
                <input name="searchfield" type="text" value="Search the store" size="60"/><input value="Search" type="button" name="submit" onclick="showResults(document.getElementsByName('searchfield')[0].value)"/>
            </form>
        </div>

这是js函数:

function showResults(str)

  {
    var str;

    if (str==="")
    {
        document.getElementById("div-main").innerHTML="";
        return;
    } 

    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("div-main").innerHTML=xmlhttp.responseText;
      }
    }

xmlhttp.open("GET","search_results_aNL.php?q="+str,true);
xmlhttp.send();
}

和 PHP DB 脚本:

<?php
$q = $_GET['q'];

require_once 'db.php';
require_once 'error.php';


// Step 1
if (!($conn = mysql_connect($config['server'], $config['user'], $config['password'])))
{
    showError();
}

// Step 2
if (!(mysql_select_db($config['database'], $conn)))
{
    showError();
}

$query = "SELECT * FROM product WHERE make LIKE '%$q%' OR description LIKE '%$q%' OR type LIKE '%$q%'";

if (!($result = mysql_query($query, $conn)))
{
    showError();
}

$count = 0;
    echo "The q is " . $q . "<br />";
    echo $query;
    echo "<table border='1'>";
echo "<tr>";
echo "<td>Product ID</td>
        <td>Make</td>
        <td>Type</td>
        <td>Hdd</td>
        <td>Ram</td>
        <td>Quantity in stock</td>
        <td>Price</td>
                    <td>Info </td>
                    <td> Full Info </td>

        ";
echo "</tr>";
// Step 4
while ($row = mysql_fetch_array($result))
{
    // Step 5

    echo "<tr>";
    echo "<td> $row[id]</td>
        <td>$row[make]</td>
        <td>$row[type]</td>
        <td>$row[hdd]</td>
        <td>$row[ram]</td>
        <td>$row[quantity]</td>
        <td>$row[price]</td>;
                    <td>$row[description]</td>
                    <td>$row[description_more]</td>
                    <td><input type='button' value='Add'/></td>"
                    ;
    echo "</tr>";


    $count ++;
}
    echo "</table>";
if ($count == 0)
{
    echo "<blink><font color=\"red\">No matches!</font></blink>";
}
// Step 6
mysql_close($conn);

？>

有人可以给我一些点击，我应该写什么才能让这个按钮正常工作吗？将回发信息的表称为篮子。我必须在 POST 命令中使用类似的 JS 函数吗？谢谢升

Answer 1

首先创建一个调用 JavaScript 函数的按钮，如下所示:

<input type="button" name"some_name" onclick="add_item('variables_to_pass')" />

之后，在脚本标记中创建函数，该函数将调用 exernal php 文件来处理请求，如下所示:

 <script type="text/javascript" >
    function add_item(){
    //your code here
    //you can place your ajax request in this function as well
    }
    </script>

最后创建您的 php 文件来处理您的请求，并且不要忘记将必要的变量值传递到页面。

<?php
//your php code here to handle the request.
//Do not use mysql_* functions for they are deprecated
?>