无法使用jquery mobile将数据提交到其他页面

时间:2013-10-14 05:45:44

标签: android jquery-mobile

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
    <div data-role="page" id="home">
        <div data-role="header">
            <h1>jQuery Mobile loadPage() Method</h1>
        </div>
        <div data-role="content" id="content_container">
            <form id="my_form">
                <input type="text" id="name" />
                <input type="text"  id="surname"/>
                <input type="button" id="yes">

            </form>

        </div>
    </div>
    <script>
        var storePageLoaded = false;

        $(document).on('click', '#yes', function() {
          $.ajax({
              type: "POST",
              url: "searchresult.php",
              data: $("form#my_form").serialize(),
              success: function(data){            
              $.each(data, function(i, elem) {

            nic_list.push({label: elem['p_nic']});
        });
              }
            }).done(function (data) {
             $.mobile.changePage('next-page.html',{transition:"slide"});
            }).fail(function (jqXHR, textStatus) {
            alert(error);
         });
       return false;
      });
    </script>

我创建了这个页面,将一些表单数据发送到php文件并在另一个页面中打印数据。但是当我尝试这个时,我得到以下错误。我已经改变了一点代码来检索数据。它工作正常但是我需要填充next-page.html数据

  10-14 11:10:05.108: E/Web Console(9066): Uncaught TypeError: Object #<Object> has no method 'jqmData' at http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js:2

1 个答案:

答案 0 :(得分:0)

$(document).on('click', '#yes', function() {
  $.ajax({
    type: "POST",
    url: "searchresult.php",
    data: $("form#my_form").serialize(),
    success: function(response){            
           alert(success);
    }
  }).done(function (data) {
      $.mobile.changePage('next-page.html',{transition:"slide"});
  }).fail(function (jqXHR, textStatus) {
      alert(error);
  });
  return false;
});