[英]submit and show records without reloading page
我有一個表單,它將數據提交到表格中並將它們顯示在同一頁面上。 但它重新加載頁面。
我想在不重新加載頁面的情況下提交和顯示數據。 我已經閱讀了很多 AJAX 腳本。 但我很困惑。
有人可以幫忙嗎?
<form action="viewblog.php" method="post">
<h3 class="contact_title">Leave a Comment</h3>
<div class="contact_form">
<div class="row">
<div class="large-4 columns">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="large-12 columns">
<textarea cols="10" rows="15" name="comment" placeholder="Comment"></textarea>
</div>
<div class="small-4 columns">
<input type="submit" name="submit" class="button right" value="Add a comment" />
</div>
</div>
</div>
</form>
<?php
if(isset($_POST["submit"]))
{
require"connection.php";
extract($_POST);
extract($_REQUEST);
mysql_query("insert into comment values('','',Now(),'$name','$comment')") or die
(mysql_error());
echo"Comment Inserted Succesfully !";
}
?>
<?php
include('connection.php');
extract($_REQUEST);
$sql = "SELECT * FROM enteries;";
$result = mysql_query($sql);
while($row1=mysql_fetch_array($result))
{
extract($row1);
?>
<div class="comments">
<ol class="comment_list">
<!--comment item-->
<li class="com_item">
<div class="com_main">
<div class="com_content">
<div class="com_meta">
<span class="user_name"><a href="#"><?
php echo $name; ?></a></span>
<span class="com_date"><?php echo date("D jS F Y ", strtotime($dateposted)) ?>
</span>
</div>
<p class="com_text"><?php echo $comment; ?>
</p>
</div>
</div>
</li>
</ol>
</div>
<?php
}
?>
PHP 在服務器端執行,所以直接編寫 PHP 和 HTML 組合不會在不重新加載的情況下調用。
你需要JavaScript
來做 AJAX 調用。 您可以使用 jQuery 或 JavaScript 或任何其他庫。
此鏈接將教您有關 AJAX 的基礎知識。
<form>
<h3 class="contact_title">Leave a Comment</h3>
<div class="contact_form">
<div class="row">
<div class="large-4 columns">
<input type="text" name="name" id='name' placeholder="Name" />
</div>
<div class="large-12 columns">
<textarea cols="10" rows="15" id='comment' name="comment" placeholder="Comment"></textarea>
</div>
<div class="small-4 columns">
<input type="submit" name="submit" id='submit' class="button right" value="Add a comment" />
</div>
</div>
</div>
</form>
<script>
$('#submit').click(function()
{
var name = $("#name").val();
var comment = $("#comment").val();
var dataString = 'name='+ name + '&comment='+ comment;
$.ajax({
url: viewblog.php,
type:'POST',
data:dataString,
cache:false,
success: function(result)
{
alert(result);
}
});
});</script>
查看博客.php
<?
$name=$_POST['name'];
$comment=$_POST['comment'];
$query="INSERT INTO TableName SET NameColumnName='$name', CommentColumnName='$comment'";
//Execute Query Here..
echo "Comment Submitted Succesfully";
?>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.