0

Framework7 テンプレートがあります。ページの読み込み時に Web サービスを呼び出したい。js ファイル内の私のコードは次のとおりです。

myApp.onPageInit('cards', function (page){
    myApp.alert('Alert 1');
            $.ajax({
                type: "POST",
                url: "http://localhost:6032/Api.svc/GetTicket/",
                data: JSON.stringify({UnitType:1,UnitNr:1,PrinterTextNr:1,PrinterNr:0,Copies:1,Logo:0,Delay:0,Host:'pc-pc',Port:8899}),
                processData: true,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    //Get The Ticket
                    var ticket = data.data.TicketNumber;
                    document.getElementById('myticket').innerHTML = ticket;
                    //End Get The Ticket
                    document.getElementById('ticketBody').style.display = "block";
                    alert(1);
                },
                error: function (xhr) {
                    alert(xhr.responseText);
                }
            });    

}).trigger();

しかし、ページの読み込みが何もしない場合。スクリプトを別の html ファイルで試してみると、問題なく動作します。手伝って頂けますか？ありがとうございました。

4

3 に答える 3

1 
<!-- Views -->
  <div class="views">
    <!-- Your main view -->
    <div class="view view-main">
      <!-- Pages -->
      <div class="pages">
        <div class="page" data-page="cards">
          <div class="page-content">
            page content goes here
          </div>
        </div>
      </div>
    </div>

外部ページにこれが含まれていることを確認してください<div class="page" data-page="cards">

于 2016-03-17T08:54:54.673 に答える
0

初期化されていることを確認しmyApp、ページにこの行 <div data-page="cards" class="page"> も含まれているかどうかを確認してください。次のようなものを試してください mainView.router.loadContent(ticket);

于 2016-01-28T12:42:09.087 に答える