使用jQuery显示选择查询结果

我对jQuery非常陌生，我正在练习它。我有这个网站简单的页面：使用jQuery显示选择查询结果

<html> 
<head> 
    <title> Testing jQuery 
    </title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="script.js" type="text/javascript"></script> 
    <link href="mycss.css" rel="stylesheet" type="text/css"> 
</head> 

<body> 
    <h2 id="myH"> This is a title.</h2> 
    <br> 
    <br> 

    <fieldset> 
     <legend>Data</legend> 
     <form name="myForm"> 
      <input type="text" id="firstData" placeholder="Write something in here" \> 
      <br> 
      <br> 
      <input type="text" id="secondData" placeholder="Write something else in here" \> 
      <br> 
     </form> 
     <button id="formButton" value="Confirm">Confirm</button> 
    </fieldset> 
<br><br><br> 
    <div id="myDiv"></div> 
</body> 

</html>

这个PHP脚本：

<?php 

/* Connection to DB*/ 
.... CONNECTIONS STUFF......... 

$query = " SELECT * FROM table1;"; 
$results = mysql_query($query); 
echo " <table border=\"2\"><tr> <th>ID</th><th>First</th><th>Second</th></tr>"; 
while($row = mysql_fetch_array($results)) { 
    ?> 
    <tr> 
     <td> 
      <?php echo $row['ID']?> 
     </td> 
     <td> 
      <?php echo $row[ 'First']?> 
     </td> 
     <td> 
      <?php echo $row[ 'Second']?> 
     </td> 
    </tr> 
    <?php 
    } echo "</table>"; ?>

最后这个js代码：

好了，现在我已经完全插入代码，问题是我可以通过使用myData.php脚本向我的数据库添加元素，但是我想创建一个页面，在顶部您可以添加元素，并且当您点击底部的确认按钮（使用查询）所有的小说显示表格的nts。所以我可以添加元素，但我无法显示它们。我是jQuery的新手，我试图让它工作，我在Web上做了不同的研究，但是我找不到解决我的问题的任何事情。可以请别人帮我吗？谢谢！

来源

2016-08-13 Luigi Cerone

您可以插入myData.php

$query = " SELECT * FROM table1;"; 
$results = mysql_query($query); 
echo " <table border=\"2\"><tr> <th>ID</th><th>First</th><th>Second</th></tr>"; 
while($row = mysql_fetch_array($results)) { 
    ?> 
    <tr> 
     <td> 
      <?php echo $row['ID']?> 
     </td> 
     <td> 
      <?php echo $row[ 'First']?> 
     </td> 
     <td> 
      <?php echo $row[ 'Second']?> 
     </td> 
    </tr> 
    <?php 
    } echo "</table>"; ?>

没有需要两个Ajax调用的纪录之后由单个文件myData.php

把下面的代码一举两得操作。删除第二个按钮点击jQuery代码。在第一个按钮点击事件myData.php文件将被调用。第一条记录将与您现有的代码一起插入到您的数据库表中。在它放置代码以从数据库获取记录之后。您的HTML将在响应中发送，并将该HTML与您现有的jQuery代码放在DIV中。

来源

2016-08-13 14:25:05

谢谢你！它完美的工作，所以这是两种不同的Ajax请求之间的冲突？ –

是的，对于两个Ajax请求，你必须使其异步错误。所以第一个完成后，第二个Ajax将被解雇.. –

完美！谢谢:) –

你可以使用jQuery负荷函数它，它很容易让你 http://www.w3schools.com/jquery/jquery_ajax_load.asp

刚刚从那里加载一个div到一个div在当前页面

按照这个网址的视频教程，它很简单，使用一个div这里然后输入ID和正在加载的页面，请使用其他ID和加载ID到这个页面的div

https://www.youtube.com/watch?v=mtz8MdQXhno

它在wordpress中工作，只会在php 相同的代码

来源

2016-08-13 15:00:37

谢谢，另一个可能的解决方案，但我已经标记了第一个已经回答！谢谢你太:) –

很酷，没问题 –

使用jQuery显示选择查询结果

回答

相关问题