我目前拥有的是我正在设计的一个页面,用于编辑数据库中的信息。我知道如何用 HTML 制作表单以及如何制作留在服务器上的 PHP 脚本。问题来自 Javasrcipt。我对此略有了解。我已经在此页面中使用了一些 javascript 来使其动态化,但我现在无法将表单提交回 php 脚本。
页面不能离开它所在的位置,因为这样可以更轻松地编辑信息。我已经尝试在提交按钮中返回 false,并使用我认为可以工作的编辑脚本,但提交按钮实际上变成了一个死按钮,什么都不做。
这是我整个代码的分解。它很快就会变得困惑
<body>
<?php
$conn=odbc_connect("","","");
if (!$conn)
{exit("Connection Failed: " . $conn);}
$sql="SELECT Artist.Artist, Artist.ID
FROM Artist
ORDER BY Artist.Artist";
$rs=odbc_exec($conn,$sql);
if (!$rs)
{exit("Error in SQL");}
这会选择艺术家,然后一小段脚本会离开 php 页面以获取该艺术家的专辑并显示下一个下拉列表供专辑选择。它从这个下拉列表中获取的唯一信息是 id,这就是它所需要的一切
echo "<form name='Artist'><select tabindex='1' name='Artist_list' onchange='showUser(this.value)'>";
while ($row = odbc_fetch_row($rs)){
$artist= odbc_result($rs,"Artist");
$artist_id=odbc_result($rs,"ID");
echo "<option value='$artist_id'>$artist</option>";}
echo "</select>";
echo "</form>";
?>
<br />
这个div是相册下拉的地方
<div class="album" id="albumlist"><b>Album List</b></div>
<hr style=background-color="#e4a566"; color="#e4a566";/>
<br />
然后是价格目录号等所有详细信息。和条形码与轨道列表一起以表格形式显示在这里
<div class="album" id="albumdetails"><b>Album Details</b></div>
<br />
相册图片显示
<div class="imageforeditpage" id="image"><b>Image Goes Here</b></div>
<br />
无论发生什么,这个页面都必须永远留在这里
从这里开始我遇到了问题,我需要包含所有详细信息的表单以转到另一个可以插入更改数据的 php 脚本。我需要从 id 到轨道列表的所有信息
这是我用来获取 id 以显示我的下拉菜单和相册详细信息的 javascript
function showDetails(str)
{
if (str=="")
{
document.getElementById("albumdetails").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("albumdetails").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","albumdetails.php?q="+str,true);
xmlhttp.send();
这是在我的文档头部的一个脚本标签中。
我已经在网上搜索过,答案可能一直在盯着我看,但我不知道如何使用它。
我读了一些东西并查看了 document.form.submit 但不知道如何使用它,如果有人可以提供帮助,我将不胜感激。
请注意,此页面永远不会上线,它将是本地主机,就目前而言,任何可用的东西都可以,甚至我知道的更少的 jquery
任何帮助,包括指导我方向的教程,都将得到帮助
最佳答案
我认为您应该考虑使用像 jQuery 这样的现代 Javascript 库,因为跨浏览器处理您的 Ajax 并不是您真正想要的。 这个页面似乎是一个很好的例子,说明如何处理我认为你想做的事情: http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/
关于php - 将表单提交到 php 脚本需要 Javascript 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5243148/