Как я могу использовать jQuery для отправки формы с использованием Ajax, а затем получить вывод страницы, на которую она была отправлена? - PullRequest
0 голосов
/ 05 августа 2011

Я изучаю PHP и JavaScript и создаю платформу для блогов.Я работаю над системой комментариев.Я хочу проверить, соответствует ли поле имени каким-либо пользователям в базе данных, и если да, то я хочу отобразить сообщение о том, что имя занято.

Вот страница, которая содержит форму.(fullpost.php)

<!DOCTYPE html>
<html>

<?php
include ('functions.php');
connectDB();

$id = $_GET['id'];

$result = queryDB('SELECT * FROM posts WHERE id='.$id);

$post = mysql_fetch_array($result);
?>

<head>
    <title><?php echo $post['title']; ?> - SimpleBlog</title>
    <link rel="stylesheet" href="style.css" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js" type="text/javascript"></script>

    <script type="text/javascript">
         $(document).ready(function(){
            $(".commentform").validate();


          });
    </script>

</head>

<body>
<div id="header">
<a href="index.php">SimpleBlog</a>
</div>
<div id="wrapper">
<?php
//post found, display it
if (mysql_num_rows($result) >0) {
        echo '<div class="post">';
        echo '<div class="postheader">';
        echo '<h1>'.$post['title'].'</h1>';
        echo '<h5>by '.$post['author'].' at '.$post['date'].' in '.$post['category'].'</h5>';
        echo '</div>';
        echo '<p>'.$post['fullpost'].'</p>';
        echo '</div>';

    //display comments form
?>
    <div id="commentform">
        <form action="commentsubmit.php" method="POST" class="commentform"/>
            <?php
            //if not logged in, display a name field
            if (!loggedIn()) {
                echo '<label for="author">Name: </label><br />';
                echo '<input type="text" name="author" class="required"/><br />';
            }
            ?>
            <label for="comment">Comment: </label><br />
            <textarea type="text" name="comment" class="required"></textarea><br />
            <input type="hidden" value="<?php echo $id; ?>" name="postid"/>
            <input type="submit" name="submit" Value="Submit" id="sendbutton" class="button"/>
        </form>
    </div>
<?php   
}
else {
    //no posts found
    echo "That post doesn't exist!";
}

$result = queryDB('SELECT * FROM comments WHERE postid='.$id.' ORDER BY date DESC');
$numcomments = mysql_num_rows($result);

//comments found, display them
if (mysql_num_rows($result) >0) {
    if (mysql_num_rows($result) == 1) {
        echo '<h5>'.$numcomments.' Comment:</h5>';
    }
    if (mysql_num_rows($result) > 1) {
        echo '<h5>'.$numcomments.' Comments:</h5>';
    }
    while($comment = mysql_fetch_array($result)) {
        echo '<h6> by '.$comment['author'].' on '.$comment['date'].'</h6>';
        echo '<p>'.$comment['text'].'</p>';
    }       
}
else {
    //no comments found
    echo '<h4>No comments</h4>';
}
?>

</div>
</body>
</html>

Вот страница, которую он отправляет.(commentnew.php)

<?php
//creates a new comment

include('functions.php');

//form submitted
if (isset($_POST['submit'])) {

    //set $author if not logged in
    if(!loggedIn()) {
        //check if username is taken
        connectDB();
        $result = queryDB("SELECT * FROM users WHERE username='".$_POST['author']."'");
        if (mysql_num_rows($result) > 0) {
            die('That name is taken!');
        }
        else {
            //username is not taken
            $author = mysql_real_escape_string($_POST['author']);
        }
    }
    else {
        //user is logged in, set author to their username
        $author = $_SESSION['username'];
    }

    //$author is set, submit
    if (!empty($author)) {
        $postid = mysql_real_escape_string($_POST['postid']);
        $comment = mysql_real_escape_string($_POST['comment']);
        $date = mysql_real_escape_string(date("Y-m-d")." ".date("H:i:s"));

        queryDB('INSERT INTO comments (postid,date,author,text) VALUES ("'.$postid.'","'.$date.'","'.$author.'","'.$comment.'")');
        echo 'Comment Sent!';
    }
}
?>

Я пытался использовать $ .ajax в тегах скрипта, но, похоже, ничего не происходит.Могу ли я получить пример того, как правильно его использовать?Как мне заставить его вытащить сообщение из commentnew.php?Я собираюсь проверить правильность имени пользователя?Должен ли я как-нибудь использовать плагин проверки jQuery?

Ответы [ 3 ]

1 голос
/ 05 августа 2011

в целом:

var form = $("form.commentform");
$.post(form.attr('action') , form.serialize(), function(data) {
    alert("Response: " + data);
});
1 голос
/ 05 августа 2011

Попробуйте это

$("form.commentform").submit(function(e){
   e.preventDefault();

   $.post({
     url: $(this).attr('action'),
     data: $(this).serialize(),
     success: function(reponse){
       //here response will contain whatever you send from the server side page
     }
   });
}):
0 голосов
/ 05 августа 2011

Посмотрите на функцию jquery ajax. Это то, что я использую. http://api.jquery.com/jQuery.ajax/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...