POST方法不适用于jquery.mobile-1.4.0.min.js

时间:2014-05-02 09:00:32

标签: php html jquery-mobile

我正在开发一个phonegapp应用程序。在 action.php 文件中有一个简单的登录表单,出于测试目的,我只是在其他文件中打印提交变量 see.php

问题是,如果我在 action.php 中包含以下代码行,则表单中提交的变量不会被打印出来:

<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>

但如果我从 action.php 中移除上述行,则表单已正确提交,输入变量将以 see.php

打印

action.php的

<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Application</title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" /> 
<link href='http://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,cyrillic-ext,vietnamese,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>


</head> 
<body> 

    <form action="see.php" method = "post">
        <label for="Cedula" style="font-size:10px; color:#FFF; text-shadow:none">Cedula</label>
        <input type="text" name="usr" id="usr" value="username" data-clear-btn="true">
        <label for="Contrasena" style="font-size:10px; color:#FFF; text-shadow:none">Contrasena</label>
        <input type="password" name="pwd" id="pwd" value="password" data-clear-btn="true">
        <input type="submit" data-role="button" style="font-weight:100" value="Submit"/>
    </form>

</body>
</html>

see.php

<?php

error_reporting(E_ALL);
ini_set('display_errors', '1');

$uid = $_POST['usr'];
$upwd = $_POST['pwd'];

echo $uid;
echo "<br>";
echo $upwd;
echo "<br>";


?>

1 个答案:

答案 0 :(得分:1)

正如您在控制台(网络)中看到的那样,正在调用see.php并打印post的值。你可以打开你的萤火虫并检查结果..

在jQuery Mobile中,尽可能使用Ajax自动处理表单提交

要正常提交表单,您可以使用data-ajax =&#34; false&#34;形式

<form data-ajax="false" action="" method="">