jquery php 提交表单,php – 如何在jQuery Mobile页面中提交表单？

我有一个

HTML主页,它使用jQuery mobile的UI.在HTML页面的某个地方,我有一个类似于投票表单的表单：

Watch our videos above and share your opinion which manufacturer produces the best sport sedans

Choose a car:

表单的action参数调用我的PHP文件,该文件具有以下逻辑：

$connection = MysqL_connect("localhost","root","myPassword");

if(!$connection){ die('Could not connect: ' . MysqL_error()); }

MysqL_select_db("mydatabase",$connection);

if ($_POST['rc1'] == 'Audi')

{

MysqL_query("

UPDATE carvote

SET votes = votes + 1

WHERE Brands = 'Audi'

",$connection);

echo "success Audi within if";

}

if ($_POST['rc1'] == 'BMW')

{

MysqL_query("

UPDATE carvote

SET votes = votes + 1

WHERE Brands = 'BMW'

",$connection);

echo "success BMW within if";

}

if ($_POST['rc1'] == 'Mercedes')

{

MysqL_query("

UPDATE carvote

SET votes = votes + 1

WHERE Brands = 'Mercedes'

",$connection);

echo "success Mercedes within if";

}

MysqL_close($connection);

?>

我在我的WAMP localhost服务器上创建了一个数据库,这个PHP代码正在写入数据库,具体取决于从表单中选择和提交的无线电选项.从未达到过PHP中的这些回声.

问题是,当我点击提交时,我会在左上角看到一个白色的屏幕,显示“未定义”,之后没有任何内容写入数据库.我发现,如果我从html主页中删除调用顶部jQuery mobile的行

一切正常,数据写入数据库(到达PHP中的回声).

似乎jQuery mobile与我的PHP代码不兼容.我该怎么解决这个问题？

先感谢您！

更新(我使它工作)：

以下是我在表单中所做的更改：

带有数据库的PHP文件保持不变.除此之外,我还添加了一个Ajax代码：

function submitForm()

{

$.ajax({type:'POST',url: 'logicDB.PHP',data:$('#ContactForm').serialize(),success: function(response)

{

$('#ContactForm').find('.form_result').html(response);

}});

return false;

}

总结一下：jQuery Mobile页面(div中带有data-role =“page”的页面)只能通过AJAX提交.它不会起作用.

我会将主题更改为我的问题,以便更多人可以达到它.