如何使用Ajax在jQueryMobile中调用PHP函数来处理表单数据


How to handle form data by calling a PHP function in jQuery Mobile using Ajax?

我目前正在使用jQuery Mobile处理一个6页表单,并且在处理表格结果时遇到一些问题。我想做的是将所有数据发送到.php脚本中,这样php脚本就可以打印和/或保存到我的数据库中。

我经常遇到不断更改变量名的问题,因为它们似乎很难操作。也许有人知道更好的方法,因为我对jQuery和Ajax还很陌生。我试图解释我的思维过程是如何在下面的。

有没有人做过类似的事情,可以告诉我正确的方向?我几乎不知道在这里搜索什么。也许是相关内容的链接?如果我有代码的话,我会发布任何代码,但我还没有发现任何有用的尝试。然而,我的表单是通过.php函数生成的,但保存结果与此相反。

需求:
-没有页面重新加载
-在保存到数据库之前可以使用mysql_real_aescape_string
-提交方式:POST
-目标数据库表需要question_id、option_id、user_id、date和其他(针对可能的评论)

HTML伪代码(由PHP生成)-没有跨度/字段集/标签等

     <form action="<!-- What to put here?-->" method="POST" id="questions">
     <input type="radio" name="1[]" value="1"/>
     <input type="radio" name="1[]" value="2"/>
     <input type="radio" name="1[]" value="3"/>
     <input type="checkbox" name="2[]" value="1"/>
     <input type="checkbox" name="2[]" value="2"/>
     <input type="checkbox" name="2[]" value="3"/>
     <input type="checkbox" name="2[]" value="4"/>
     <textarea name="2[]" placeholder="Type here..."></textarea>
     <!-- ... -->
     <a type="submit" href="#results" onclick="formSubmit()" data-role="button">Submit</a>
     </form>

JavaScript代码:

     function formSubmit()
     {
     document.getElementById("questions").submit();
     }

php中的所需输出:
$answers=("questionid"=>"answerswerid","questionid"=>"onswerid"、"questionid=>"answerswertext")用于所有选中的复选框/单选按钮和文本字段!=".

编辑:
我发现我的表格可能需要一个id,因此将其命名为问题
最好的方法可能是用提交按钮上的onclick调用.php脚本

听起来你需要帮助来完成一个简单的AJAX提交,但可能这里有一些隐藏的问题我错过了,但无论如何我都会回答。

所以你想要的是看看这个教程http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

您将URL设置为AJAX,然后提交给处理程序PHP脚本,该脚本将对数据执行您想要的操作,并返回状态、成功/失败等。

希望能有所帮助。