0

したがって、テスト入力と送信ボタンがあります。jQuery 経由でデータを送信し、投稿リクエストから結果を取得してから、ページを更新せずに投稿リクエストが返す値を表示したいと考えています。

これが私のhtmlです:

<div id="middle">
    <form id="searchForm" action="/">
        <input placeholder="E.g. http://www.google.co.nz" id="url" type="text" name="forward_to"/>
        <input id="button" type="submit" name="shorten" value="Go"/>
    </form>

    <div id="result"></div>

</div>

これが私のphpです

if($query) {
    print("<div id='content'>http://www.website.co.nz/u/$short</div>");
} else {
    print("<div id='content'>Error</div>");
}

とにかくこれを行うことはありますか?

4

1 に答える 1

2
$(document).ready(function(){
    $('#button').click(function(e){
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: '/',
            data: { query:  $('#url').val() },
            success: function(data) {
               $("#result").html(data);
            },
            error: function() {
              $("#result").html("Some error occurred.");
            }
        });
    });
});
于 2013-01-16T04:41:54.387 に答える