1

fmylife.comのような適度なシステムを作成する必要があります。基本的に私が抱えている問題は、Ajaxを使用して（ページを更新せずに）MySQLクエリをdivにロードすることです。MySQLクエリ

$sql = mysql_query(“SELECT * FROM posts WHERE active =’0’” LIMIT 1) or die (mysql_error());
$row = mysql_fetch_array($sql);

HTML

<div class=”post-body”&gt;<?php echo $row[‘sitepost’];?></div>

「はい」または「いいえ」ボタンを押すと、このデータを再ロードする必要があります。前もって感謝します。

4

3 に答える 3

6

post.phpで：

$sql = mysql_query("SELECT * FROM posts WHERE active ='0' LIMIT 1") or die (mysql_error());
$row = mysql_fetch_array($sql);
echo $row['sitepost'];

JS：

<script type="text/javascript">
$(document).ready(function(){
   $("#yes").click(function(){
      $(".post-body").eq(0).load("post.php");
   })
})
</script>

HTML：

<div id="yes">YES</div>
<div class="post-body"></div>
于 2012-06-17T10:30:47.007 に答える
5

@mgraphは近いですが、ボタンをクリックしてこれを実行したい場合

post.phpで：

//$UserOption will be Yes/No for button clicks or empty string for first load of the page

$UserOption = $_REQUEST['UserClicked'];

//Id will be set if a vote has been clicked or empty string if it's the first load
$Id = $_REQUEST['Id'];

//(Do something with $UserOption)

$sql = mysql_query("SELECT * FROM posts WHERE active ='0' LIMIT 1") or die (mysql_error());
$row = mysql_fetch_array($sql);
echo $row['sitepost'];

JS：

<script type="text/javascript">
$(document).ready(function(){
   update(null,null);
})

function update(Id, Vote) {
    $(".post-body").eq(0).load("post.php?UserClicked=" + Vote + "&Id=" + Id);
}
</script>

HTML：

<div class="post-body"></div>


<button type="button" onclick="update(1, 'Yes');">Yes</button>
<button type="button" onclick="update(1, 'No');">No</button>



<button type="button" onclick="update(2, 'Yes');">Yes</button>
<button type="button" onclick="update(2, 'No');">No</button>

代替HTML/JS

<script type="text/javascript">
$(document).ready(function(){
    $("#yes").click(function(){
        update('Yes');
    })
    $("#no").click(function(){
        update('No');
    })
    update();
})

function update(Vote) {
    $(".post-body").eq(0).load("post.php?UserClicked=" + Vote);
}
</script>

<div class="post-body"></div>
<button id="yes" type="button">Yes</button>
<button id="no" type="button">No</button>
于 2012-06-17T10:36:24.837 に答える
4

を追加でき$("html, body").animate({ scrollTop: 0 }, 500);ます。これにより、YES ボタンをクリックすると、スクロールが一番上に移動します。良い感じ。

于 2012-06-18T10:52:29.340 に答える