jquery移动表格后价值不起作用

时间:2015-11-18 19:33:05

标签: php jquery-mobile

form.php的

var data = [];

function getData() {
    data = [];
    var theDate = new Date(2012, 01, 01, 0, 0, 0, 0);
    for (var x = 0; x < 1000; x++) {
        data.push([new Date(theDate.getTime()), Math.random()]);
        theDate.setDate(theDate.getDate() + 1);
    }
    g.updateOptions({
        'file': data
    });
}


var g = new Dygraph(document.getElementById("div_g"), data, {
    drawPoints: true,
    showRoller: false,
    rollPeriod: 1,
    valueRange: [0.0, 1.2],
    labels: ['Time', 'Random'],
    xlabel: 'Time',
    ylabel: 'Random',
    legend: 'always',
    showRangeSelector: true
});

function change(el) {
    g.setVisibility(el.id, el.checked);
}

setInterval(
getData, 1000)

aksi.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无法从form.php获取价值?

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

1 个答案:

答案 0 :(得分:0)

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

用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>";
?>