通过jquery;显示php文件中的记录;

displaying records from a php file via jquery;

本文关键字：文件 记录 php jquery 显示 通过      更新时间：2023-09-26

好的，我有这个代码

我脑子里有个剧本。

function checkForm(e) {
if (e.keyCode == 13) {
    $('#de').hide()
    $.post('search.php', { name : search.searchinput.value() }, function(output) {
    $('#searchpage').html(output).show();
});
}
}

这是html部分：

<form name="search" id="searchbox">
    <input name="searchinput" value="search item here..." type="text"   id="inputbox" onkeydown="checkForm(event);" onclick="clickclear(this, 'search item   here...')" onblur="clickrecall(this,'search item here...')"/><input id="submit" value=""   OnClick="checkForm(event);" type="submit"/>
</form>
<div id="searchpage"></div>

这是php文件，脚本将在其中传递数据。

<?
$name= $_POST['name'];
$con=mysql_connect("localhost", "root", "");
if(!$con)
{
die ('could not connect' . mysql_error());
}
mysql_select_db("juliver", $con);
$result = mysql_query("SELECT * FROM items WHERE title='$name' OR description='$name'     OR type='$name'"); 
$vv = "";
while($row = mysql_fetch_array($result))
{
$vv .= "<div id='itemdiv2' class='gradient'>";
$vv .= "<div id='imgc'>".'<img src="Images/media/'.$row['name'].'" />'."<br/>";
$vv .= "<a href='#?w=700' id='".$row['id']."' rel='popup' class='poplight'>View full</a>"."</div>";
$vv .= "<div id='pdiva'>"."<p id='ittitle'>".$row['title']."</p>";
$vv .= "<p id='itdes'>".$row['description']."</p>";
$vv .= "<a href='".$row['link']."'>".$row['link']."</a>";
$vv .= "</div>"."</div>";
}
echo $vv;
mysql_close($con);
?>

这是场景，用户在文本框名称上放了一个任意文本："searchput"，因此每当用户按下回车键时，函数checkForm（e）就会执行并将输入字段名称中的数据传递到php文件中，然后php文件会将数据处理到mysql中，并查看脚本传递到php中的数据是否与mysql记录匹配，如果匹配的话match，php文件将把数据传回脚本，然后脚本将数据输出到#searchpagediv。

问题：

"所有都不起作用"，并且执行按钮上的onclick功能不起作用"

请帮帮我，我被卡住了。提前谢谢。

首先，有一个名为Jsfidle的网站。将您的代码粘贴到网站中，然后将URL粘贴到此处。它使你的帖子可读性更强。

现在，如果您使用的是jQuery，那么为什么要依赖onkeydown和onclick事件呢？最好使用jQuery的live函数。我更改了你的密码。看看这里。您可以将live功能用于其他事件，如onclick、onfocus、onblur等。它使HTML代码更加清晰易读。

考虑使用load而不是post
（删除表单标签或将输入更改为文本区域，否则点击回车将提交表单）

$('#inputbox').keypress(function(event){
 var keycode = (event.keyCode ? event.keyCode : event.which);
 if(keycode == '13')
  {
    $('div#searchpage').load('search.php',{name: $(this).val()});   
  }
});

您必须停止表单提交数据，使用类似onsubmit="return（checkForm（e））"

并仔细检查语法错误，例如您在这一行漏掉了一个分号$（'#de'）.hide（）

相关文章：