0

私は jQuery を初めて使用し、データベースの変更に成功した場合にメッセージを表示する簡単なタスクを実行するのが好きでした。

JavaScript

var dataString = 'textareaannoun='+ textareaannoun;
 $(function(){
$('#formboard').submit(function(){
    $.ajax({
        type : 'post',
        url : 'edit_announ.php',
        dataType: 'json',
        data: $(this).serialize(),
        success: function(data){
            if(data.error){
                $('#error').css('display','block');
            }else {
                $('#accept').show();
                $('#error').hide();
            }

        }
    });

    return false;
});
});

PHP + HTML

    <div id='accept' align='center'><h2><img id='checkmark' src='images/successM.png' /> Alterado com sucesso!</h2></div>
    <div id='error' align='center'><h2><img id='checkmark' src='images/errorM.png' /> Verifique os dados inseridos!</h2></div>

    <h4>Alterar código do anúnio:</h4>
    <form id="formboard" name="formboard" method='post' action="">
      <textarea name="textareaannoun" id="textareaannoun"><?php echo $announc[0][0]; ?> </textarea>
      <div class="submit-button">
        </br>
        <input type="submit" name="inserir" id="inserir" value="Alterar" /> &nbsp;
        <a href="main.php"><input type="button" name="voltar" value="Voltar" /></a>

      </div>
    </form>

    <?php
        if (!empty($_POST['inserir'])) {
            $textareaannoun = $_POST['textareaannoun'];
            if(!empty($textareaannoun))
            {
             echo json_encode(array(
                    'error' => false,
                ));
                //exit;
            $changes = $announc[0][1] + 1;
            editAnnounc($textareaannoun);

            }else{
                    echo json_encode(array(
                    'error' => true,
                    'msg'   => "You haven't completed all required fileds!"
                ));
                //exit;
            }
        }

結果は非表示の div のように見えます。しかし、結果は次のとおりです。

http://i.stack.imgur.com/icZUd.png

誰かが私を少し助けてくれませんか？

4

1 に答える 1

1

HTML と PHP を同じファイルにまとめないでください。Ajax が送信する PHP スクリプト内の HTML はすべて、success 関数に出力されます。

于 2012-07-31T18:19:36.847 に答える