代码之家 › 专栏 › 技术社区 › CLiown

PHP表单提交-转换为jQuery.Ajax

ajax jquery php

CLiown · 技术社区 · 14 年前

以下是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,这样页面就不需要重新加载。

3 回复 | 直到 14 年前

Extrakun 14 年前

很简单。

tutorial

在ajax调用中,必须指定处理请求的PHP页面。该脚本将处理表单提交,就像在普通PHP表单中一样,然后回显任何输出。该输出将传回调用客户端。

karim79 14 年前

$(document).ready(function() {
    $("#tweethis").submit(function() {
        $.post('index.php', $("#tweet").val(), function(html) {
            $("#resultDiv").html(html);
        });
        return false; // prevent normal submit
    });
});

$.ajax 以及 $.post (和 $.get )它的包装纸。

oers Alfian Busyro 12 年前

尝试使用我的ALAJAX JQuery插件: http://www.freelancer-id.com/alajax

其简单易用之处如下:

$("#form_ID or #div_ID").alajax();

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前