jquery 移动表单发布值不起作用

Question

表单.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>

阿克西.php

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

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

如果我不能包含 jquery mobile 该脚本，它运行良好。

Answer 1

除非您将data-ajax="false"添加到表单中，否则 JQuery Mobile 将通过 AJAX 发布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>";
?>

jquery 移动表单发布值不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-11-18 22:59:08

jquery 移动表单发布值不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-11-18 22:59:08

解决方案1
0 已采纳 2015-11-18 22:59:08