通过ajax和jquery重新提交表单

时间:2015-04-07 03:42:55

标签: jquery ajax twitter-bootstrap

我有一个表单,我通过ajax发送数据,这是由PHP处理,然后我从这个PHP获取后显示处理后的数据。

我希望有一个引导分页栏,在单击后,更新表单中的隐藏值(基于所单击的数字的页码),然后重新提交表单并再次显示结果。

关于如何做到这一点的任何想法?

1 个答案:

答案 0 :(得分:0)

单击按钮后,您可以使用JQuery创建一个ajax调用触发器。然后,您可以通过ajax将PHP API返回的结果附加到您的页面。

示例:

HTML:

<form action="process.php" method="POST">
    <button id="button">Send</button>
</form>
<div class="appendText"></div>

JQuery的:

$("#button").click(function(){
 var myData = $this.text();
 $.ajax({
            url: "process.php",
            type: "POST",
            data: {
                data: myData

            },
            dataType: "json",
            success: function(data){
                $(".appendText").append(data); 
            }
    });