php问题中jquery mobile中的表单提交答案

【问题标题】：form submission in jquery mobile in php issuephp问题中jquery mobile中的表单提交
【发布时间】：2013-07-01 09:13:09
【问题描述】：

我正在使用 jQuery Mobile 和 PHP 构建一个移动网站。

目前，当我使用 PHP 提交表单时，它会将我重定向到上一页。

但是，我想留在同一页面上。

这是我的代码：

<form action="#" method="post" data-ajax="false">
    <center>
        <div data-role="page">  

            <div data-role="collapsible"  data-iconpos="right" data-theme="a"  style="width:500px">
               <h3>Offer 1</h3>
               <img src="images/special1.jpg"/>
               <h3>Valid through: 06/30/2013</h3>
                   <div data-role="collapsible" data-collapsed="true"  data-iconpos="right" data-theme="a"  style="width:400px; background-color:#FFFFFF">
                       <h3>Redeem this offer</h3>
                    <div >

                    <h4 style="color:#CC0000"> To be used by our staff only!</h4>
                    <p style="color:#CC0000;font-family:Arial, Helvetica, sans-serif">Do <strong>not</strong> press the Redeem button now. Ask our store associate for assistance.</p>
                    <input type="submit"  name="offer1btn" value="Redeem"  data-theme="b" style="background:#FF0000 !important"/>
                </div>
            <div style="display:none">
                <h4 style="color:#CC0000">Offer has been Taken</h4>
            </div>
        </div>
    </center>
</form>

【问题讨论】：

标签： php jquery jquery-mobile

【解决方案1】：

或者你可以使用

      action="<?php echo $_SERVER['PHP_SELF'];?>"

希望有帮助。

【讨论】：

【解决方案2】：

jQuery Mobile 对于表单提交有点特殊。如果您使用 data-ajax="false" 属性禁用经典 jQuery Mobile 表单处理，那么提交表单的唯一正确方法是通过 $.ajax 调用。

我在这里做了一个工作示例：jQuery Mobile: How to correctly submit form data

【讨论】：