向数据库输入一个值,然后自动获取值而不刷新页面

时间:2014-10-03 03:46:31

标签: jquery ajax refresh reload

<form method="post">
<table cellpadding="0" cellspacing="0" border="1" class="display" id="example">
		<tr>
			<td><center>The Value</td>   
            <td><center>Choose Value</td>   
		</tr>

 
		<tr>
<?php
$result=mysql_query("SELECT * FROM  `mydatabase` ");
	while($row_array = mysql_fetch_array($result, MYSQL_ASSOC))
	{		
			$the_value= $row_array['db_value'];
    }

echo "<td>".$the_value."</td>";

?>
<td>
<input type="text" name="valuename">
<input type="submit" name="sub" value="Enter Value">
</td>
		</tr>
</table>
</form>

<?php
	if ( array_key_exists ( 'sub', $_POST )  ) 
	{

		$value_go_to_database=$_POST['valuename'];


$func=mysql_query(" INSERT INTO `db`.`mydatabase` (`db_value`) VALUES ('$value_go_to_database') ");

    }
?>


我的代码中的所有内容都很有用,如果有一些在这里丢失,我只是想知道如何将值放到数据库而不刷新/重新加载页面然后自动获取该值并将其放入我的表。 就像提交点击一样,它会自动将值/数据发送到我的数据库,然后poof也会在我的表中显示自己,而不会刷新/重新加载页面部分。 我是新手,不知道如何使用AJAX尝试阅读它有一段时间我不知道如何将它插入我的编码。

提前致谢。

2 个答案:

答案 0 :(得分:1)

在ajax中发布值并获得响应。如果您已经在使用jquery库,请序列化表单数据并使用$ .post()来ajax提交或搜索如何使用ajax发布数据。

答案 1 :(得分:0)

我理解第一次与遇到AJAX混淆是什么感觉。这是一个非常简单的概念,而且比较难,更乏味。这是一个例子,可以帮助您:

我强烈建议使用jQuery,因为它将所有这些函数包装成易于使用的语法。

<form id="something">
    ...
</form>

<script type="text/javascript">
    $('form').click(function () {
        var values = $('form').serializeArray();
        $.ajax({url: 'http://yoururl.fake/somewhere.php', // The url to send the request to
                type: 'POST', // This tells the AJAX function which type of request to send
                data: values, // This is where you send your data to the server
                success: function (data) {
                    // `data` now contains your response from the server. 
                    // It can be html, JSON, plain text, or whatever you choose.
                    // if `data` is html then you can simply insert it as such:
                    $('body').append(data); // Or wherever you want to put it.
                },
                error: function () {
                    // Something went wrong and here is your chance to nicely tell the user that.
                    alert('something went wrong');
                }
        });
    });
</script>