使用Ajax从数据库中获取数据

我正在寻找的基本方法是使用ajax从db中获取数据。使用Ajax从数据库中获取数据

每个人把mouseover的类别名称，我希望这个类别的数据在div内弹出。

由于某种原因，while循环什么都不做。

这是我第一次使用ajax，也是我不是那个亲php。

function showCat(str) { 
    if (str == "") { 
     document.getElementById("txtHint").innerHTML = ""; 
     return; 
    } else { 
     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("txtHint").innerHTML = xmlhttp.responseText; 
      } 
     }; 
     xmlhttp.open("GET","getcat.php?q="+str,true); 
     xmlhttp.send(); 
    } 
}

<?php 
$q = intval($_GET['q']); 

$con = mysqli_connect('localhost','ipattcoi','6#uP!AR3G_','patt_db'); 
if (!$con) { 
    die('Could not connect: ' . mysqli_error($con)); 
} 

mysqli_select_db($con,"patt_db"); 
$sql="SELECT * FROM products WHERE category = '".$q."'"; 
$result = mysqli_query($con,$sql); 

echo "<table> 
<tr> 
<th>Firstname</th> 
<th>Lastname</th> 
<th>Age</th> 
<th>Hometown</th> 
<th>Job</th> 
</tr>"; 

while($row = mysqli_fetch_array($result)) 
{ 
    echo "<tr>"; 
    echo "<td>" . $row['product_id'] . "</td>"; 
    echo "<td>" . $row['product_name'] . "</td>"; 
    echo "<td>" . $row['product_pic'] . "</td>"; 
    echo "<td>" . $row['category'] . "</td>"; 
    echo "</tr>"; 
} 
echo "</table>"; 
mysqli_close($con); 
?>

来源

2016-01-24 Boiko

这可能不是主要问题，但你有5个列定义上面的while循环，而只有4个被回声里面while循环。你是否试图打印和执行查询seperatly？ – Varun

不是问题的原因，但感谢指出那个朋友 – Boiko

你的代码的工作，我可以复制，并以最少的修改（只是重新使用现有的表）运行它，那么检查以下内容：

1）检查你有在表中的数据，使用任何MySQL客户端（命令行工具，phpmyamdin等）

2）直接打电话给你的getcat.php脚本，看看它实际上返回表格（如http://my.server.name/getcat.php?q=something“），只需打开URL这样的浏览器

3）如果上述工作 - 打开您的HTML页面，请执行ajax请求，打开开发人员工具（在Chrome和Firefox中的F12），找到可以看到js错误的“控制台”。触发请求并检查错误。

除此之外，我希望你的代码只是为了一些学习的目的，而不是为实时应用程序/网站。因为组成$sql字符串的方式非常危险，请参阅this。

还有其他的事情我会做出不同的实际应用：

在客户端 - 使用jQuery或其他图书馆做Ajax请求，而XMLHttpRequest是做请求vaild方式，你可能会发现，在实际应用中，您必须编写更多代码来处理不同的浏览器和不同的用例。
在服务器上 - 读取数据并将其转换为json，将json发送给客户端并在其中格式化/插入。还有一些图书馆可以帮助你。什么是不好的，此刻是你的PHP代码
也是一个真正的程序，我会在PHP端

来源

2016-01-24 11:36:25

这是一个很棒的答案，谢谢。 “控制台”表示“getcat.php？q =”未定义。这可能是什么 – Boiko

@博子我不能说，它可能会帮助，如果你显示完整的错误文本;错误也应该指向它发生的地方。另外[这里]（https://gist.github.com/serebrov/6e8fa5312f80c9d53102#file-testcat）是我使用的测试html。 –

最终来自数据库的数据是我想要的，但是当它发生时，发送该值的菜单消失了。任何想法为什么？ – Boiko

我用一些框架（Yii的，Laravel等）有你的HTML的一部分假设“txtHint”是您希望通过AJAX请求显示类别详细信息的div。

确保您的select语句检索该类别的值。如果没有记录存在，while循环什么都不做。

a。查询区分大小写。这可能是$ q提供的类别为'三星'，但在您的数据库中它存储为'三星'，反之亦然。通过将sql中的比较转换为大写或小写来解决问题。 b。检查$ q值是否已经存在于数据库中。通过添加或删除网页或数据库中的分类列表中的项目来解决问题。

这与问题无关 - 表头与数据库中的列不匹配。

来源

2016-01-24 11:53:05 SathishPurushothaman

检查标题） – Boiko

使用Ajax从数据库中获取数据

回答

相关问题