个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我有一个运行良好的用户表单。该页面使用 JavaScript 脚本从外部 php 文件执行 mysql 查询并将结果显示在表格上。
我想要做的是能够在表单上显示多个不同查询的结果。
在此示例中我有 4 个文件。test.php 的形式getdata1.php 获取产品信息的 mysql 结果getwhse1.php 获取仓库信息的 mysql 结果getsu1.php 获取销售单位信息的 mysql 结果
目前，该脚本仅在从 getdata1.php 获取结果时才有效？如何更改 javascripscript 以允许我显示 getwhse1.php 和 getsu1.php 的结果？
下面是现有页面的代码，我想要做的是输入产品代码并在每个表格字段中显示该产品代码的详细信息。
test.php
<html>
<head>
<title>Sales Portal</title>
<script type="text/javascript">
function showUser(userNumber, str)
{
if (str=="")
{
document.getElementById("txtHint" + userNumber).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("txtHint" + userNumber).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getdata1.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body topmargin=0>
<form name="orderform" id="orderform" action="newsale.php" method="post">
<table border=1>
<tr>
<td>Product Code</td>
<td>Description</td>
<td>Warehouse</td>
<td>Selling Units</td>
</tr>
<tr id="r1">
<td width=100>
<input size=10 type=number id=sku1 name=sku1 onchange="showUser(1, this.value)">
</td>
<td width=280>
<div align="left" id="txtHint1"> </div>
</td>
<td width=100>
<div align="left" id="whse1"> </div>
</td>
<td width=100>
<div align="left" id="su1"> </div>
</td>
</tr>
<tr id="r2">
<td>
<input size=10 type=number id=sku2 name=sku2 onchange="showUser(2, this.value)">
</td>
<td>
<div align="left" id="txtHint2"> </div>
</td>
<td>
<div align="left" id="whse2"> </div>
</td>
<td width=100>
<div align="left" id="su2"> </div>
</td>
</tr>
<tr id="r3">
<td>
<input size=10 type=number id=sku3 name=sku3 onchange="showUser(3, this.value)">
</td>
<td>
<div align="left" id="txtHint3"> </div>
</td>
<td>
<div align="left" id="whse3"> </div>
</td>
<td width=100>
<div align="left" id="su3"> </div>
</td>
</tr>
<tr id="r4">
<td>
<input size=10 type=number id=sku4 name=sku4 onchange="showUser(4, this.value)">
</td>
<td>
<div align="left" id="txtHint4"> </div>
</td>
<td>
<div align="left" id="whse4"> </div>
</td>
<td width=100>
<div align="left" id="su4"> </div>
</td>
</tr>
</table>
</form>
</body>
</html>
getdata1.php
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'username', 'password');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("dbname", $con);
$sql="SELECT Category, Description,SellingUnits,Grouping,CasesPerPallet,ShrinksPerPallet FROM skudata WHERE packcode = '".$q."'";
$result = mysql_query($sql);
$rows=mysql_num_rows($result);
if($rows==0){echo "<font color=red><b>NOT A VALID PRODUCT CODE</b></font>";} else {
while($row = mysql_fetch_array($result))
{
echo "<font color=red>".$row['Description']."</font>, ";
if($row['SellingUnits']=="CS"){echo "<font color=red>".$row['CasesPerPallet']."</font> ";} elseif($row['SellingUnits']=="SHR") {echo "<font color=red>".$row['ShrinksPerPallet']."</font> ";}
}}
mysql_close($con);
?>
getwhse1.php
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', username', 'password');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("database", $con);
$sql="SELECT grouping FROM skudata WHERE packcode = '".$q."'";
$result = mysql_query($sql);
$rows=mysql_num_rows($result);
if($rows==0){echo " ";} else {
while($row = mysql_fetch_array($result))
{
echo "<font color=red>".$row['grouping']."</font>, ";
}}
mysql_close($con);
?>
getsu1.php
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'username', 'password');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("database", $con);
$sql="SELECT SellingUnits FROM skudata WHERE packcode = '".$q."'";
$result = mysql_query($sql);
$rows=mysql_num_rows($result);
if($rows==0){echo " ";} else {
while($row = mysql_fetch_array($result))
{
echo "<font color=red>".$row['SellingUnits ']."</font>, ";
}}
mysql_close($con);
?>
我的 javascript 技能不存在，我如何编辑此脚本来执行所有三个 mysql 查询并将结果显示在页面上？全部通过输入产品代码激活？
感谢和问候，瑞安
最佳答案
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'username', 'password');
header('Content-type: application/json');
if (!$con ||strlen($q)>5){ die(json_encode(array('results'=>-1)))}
mysql_select_db("dbname", $con);
$result=mysql_query("SELECT * FROM skudata WHERE packcode = '$q'");
echo json_encode(array('results'=>$result));
mysql_close($con);
?>
<html><head><title>Sales Portal</title>
<style type="text/css">
.redtext {color: red}
</style>
<script type="text/javascript">
function showUser(userNumber, str){
if (str==""){
document.getElementById("txtHint" + userNumber).innerHTML="";
}
if (window.XMLHttpRequest){xmlhttp=new XMLHttpRequest()}
else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
var json = JSON.parse(xmlhttp.responseText);
result = json.results;
if(result==-1){
document.getElementById('txtHint'+userNumber).innerHTML="Database error.";
}
if(result.length = 0){
document.getElementById("txtHint"+userNumber).innerHTML="INVALID PRODUCT CODE";
}
else {
i=0;
while(i<result.length){
var desc=result[i].Description+" ";
switch(result[i].SellingUnits){
case "CS": desc += result[i].CasesPerPallet+"<br/>";
break;
case: "SHR": desc += result[i].ShrinksPerPallet+"<br/>";
break;
}
document.getElementById('txtHint'+userNumber).innerHTML = desc;
document.getElementById('whse'+userNumber).innerHTML=result[i].grouping+"<br\>";
document.getElementById('su'+userNumber).innerHTML=result[i].SellingUnits+"<br/>";
i++;
}
xmlhttp.open("GET","getdata1.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body topmargin=0>
<form name="orderform" id="orderform" action="newsale.php" method="post">
<table border=1>
<tr>
<td>Product Code</td>
<td>Description</td>
<td>Warehouse</td>
<td>Selling Units</td>
</tr>
<tr id="r1">
<td width=100>
<input size=10 type="number" id="sku1" name="sku1" onchange="showUser(1, this.value)">
</td>
<td width=280>
<div align="left" id="txtHint1" class="redtext"> </div>
</td>
<td width=100>
<div align="left" id="whse1" class="redtext"> </div>
</td>
<td width=100>
<div align="left" id="su1" class="redtext"> </div>
</td>
</tr>
<tr id="r2">
<td>
<input size=10 type="number" id="sku2" name="sku2" onchange="showUser(2, this.value)">
</td>
<td>
<div align="left" id="txtHint2" class="redtext"> </div>
</td>
<td>
<div align="left" id="whse2" class ="redtext"> </div>
</td>
<td width=100>
<div align="left" id="su2" class="redtext"> </div>
</td>
</tr>
<tr id="r3">
<td>
<input size=10 type=number id=sku3 name=sku3 onchange="showUser(3, this.value)">
</td>
<td>
<div align="left" id="txtHint3" class="redtext"> </div>
</td>
<td>
<div align="left" id="whse3" class="redtext"> </div>
</td>
<td width=100>
<div align="left" id="su3" class="redtext"> </div>
</td>
</tr>
<tr id="r4">
<td>
<input size=10 type=number id=sku4 name=sku4 onchange="showUser(4, this.value)">
</td>
<td>
<div align="left" id="txtHint4" class="redtext"> </div>
</td>
<td>
<div align="left" id="whse4" class="redtext"> </div>
</td>
<td width=100>
<div align="left" id="su4" class="redtext"> </div>
</td>
</tr>
</table>
</form>
</body>
</html>
我还没有测试过这段代码，但错误应该很容易在浏览器控制台中找到。 php 不允许 $q 超过 5 个字符以防止注入(inject)。
关于php - 使用 javascript 在不同的表单字段中显示 2 个不同的 MySQL 结果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9974274/
24
4
0
我尝试通过正则表达式将文本中的单引号更改为双引号。 (单字)示例:我走了。 You gona fly to planet 'Ziqtos' => 我需要在 I'm 中保留单引号，并在 You gona
我正在构建一个 API，其中大部分将包含 JSON 和 HTML 内容。但是一些非常具体的端点只呈现 true 或 false，并且还在 POST 中接受 true 或 false。这是请求或响应的整
我是一名优秀的程序员,十分优秀！