将以下PHP表单提交转换为Ajaxy类型表单是多么容易。
这是PHP:
<?php //Send Tweet
if(isset($_POST['submit'])) {
$qtweet = $_REQUEST['tweet'];
$connection->post('statuses/update', array('status' => $qtweet));
echo "<div style='padding-bottom: 5px; color: #0099FF;'>Updated your Timeline Successfully.</div>";
}
?>
HTML表单:
<form id="tweethis" method='post' action='index.php'>
<textarea style="width: 346px;" name="tweet" rows="5" id="tweet" ></textarea>
<br />
<span id="charLeft">140</span> Characters left
<br />
<input type='submit' value='Tweet This!' name='submit' id='submit' />
<br />
</form>
我想使用Ajax,因此页面不需要重新加载。
答案 0 :(得分:1)
$(document).ready(function() {
$("#tweethis").submit(function() {
$.post('index.php', $("#tweet").val(), function(html) {
$("#resultDiv").html(html);
});
return false; // prevent normal submit
});
});
答案 1 :(得分:0)
非常简单。
使用$ .ajax,并查看serialize()函数以转换表单数据。您还需要防止默认行为和事件冒泡。这tutorial非常好。
在ajax调用中,您必须指定将处理请求的PHP页面。该脚本将处理表单提交,就像在普通的PHP表单中一样,然后回显任何输出。该输出将被传递回调用客户端。
答案 2 :(得分:0)