3

HTML5、CSS3、JavaScript、jQueryMobileを使用してモバイルWebアプリケーションを作成し、を使用してワープしPhonegapます。

私はすべてのWebに不慣れで、UIにjQueryMobileを使用する場合、Ajax呼び出しにjQuery apiを使用できるのか、それともjQueryMobileに独自のツールがあるのか​​疑問に思いました。

Ajaxを使用して、外部Webサービスと対話する必要があります。データベースからフェッチ（取得）および更新（取得/投稿）します。

言い換えると、jQueryMobileはすべてのjQuery apiをサポートしていますか、それともアプリケーションにjQueryを個別に含める必要がありますか？

4

1 に答える 1

6

/を使用して呼び出しを作成する場合、 jQuery関数$.ajaxが標準です。AJAXjQueryjQuery Mobile

jsFiddle実例：http ： //jsfiddle.net/Gajotres/jLdFj/

$('#index').live('pagebeforeshow',function(e,data){ 
    $.ajax({url: "http://api.themoviedb.org/2.1/Movie.search/en/json/23afca60ebf72f8d88cdcae2c4f31866/The Goonies",
        dataType: "jsonp",
        jsonpCallback: 'successCallback',
        async: true,
        beforeSend: function() {
            $.mobile.showPageLoadingMsg(true);
        },
        complete: function() {
            $.mobile.hidePageLoadingMsg();
        },
        success: function (result) {
            ajax.parseJSONP(result);
        },
        error: function (request,error) {
            alert('Network error has occurred please try again!');
        }
    });         
});

考慮すべき点はほとんどありません。

  • $.ajaxページのちらつきの可能性があるため、ページ遷移中は呼び出しを使用しないでください
  • 呼び出しによって動的に生成されたすべてのデータAJAXは、後でページマークアップに拡張する必要があります。これは、このトピックに関するjQuery Mobile私のブログ記事です。または、ここで見つけることができます。
  • 動的に生成されたコンテンツを表示する場合、正しいページイベント中に追加する必要があります。最適なのはpageboforeshowイベントです。jQuery Mobileページイベントの詳細については、この記事をご覧ください。
于 2013-02-22T09:38:36.697 に答える