jquery移动表单post值不起作用


jquery mobile form post value not working

form.php

<html>
<head>
<title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="lib/jmobile/jquery.mobile-1.4.5.min.css">
    <script src="lib/jmobile/jquery.js"></script>
    <script src="lib/jmobile/jquery.mobile-1.4.5.min.js"></script>
<head>
<body class="ui-page-theme-a">
  <div data-role="page">
    <div role="main" class="ui-content">
<form action = "aksi.php" method = "post">
    <input type="text" name="cari" placeholder="cari informasi...">
    <input type="submit" value="PROSES">
</form>
    </div>
  </div>
</body>
</html>

aksi.php

<?php
  $lihat = $_POST['cari'];
  echo $lihat;
?>

为什么aksi.php无法从form.php中获取值?

如果我不能包含jquerymobile脚本,那么它运行得很好。

JQuery Mobile将通过AJAX发布表单,除非您将data-ajax="false"添加到form中。因此,您的PHP应该在$_POST['cari']下获取Posted数据。

在JSFiddle中对两者进行了测试。

data-ajax="true"-http://jsfiddle.net/Twisty/mco3uben/

data-ajax="false"-http://jsfiddle.net/Twisty/mco3uben/1/

如果你第一次查看控制台,你会看到一个新的HTTP请求被发布到action,响应被jsfiddle回显。第二个会将您带到一个新页面,并对条目进行回声处理。

两者都应该按照您的配置工作。您可能想在PHP中添加一些HTML,以允许JQM挂钩:

<?php
  $lihat = $_POST['cari'];
  echo "<html><body><div data-role='page'><div role='main' class='ui-content'>'r'n";
  echo $lihat;
  echo "</div></div></body></html>";
?>