Question

I have already built my web pages using jQueryMobile and ASP.NET MVC framework. Now, I need to publish it to the app store using PhoneGap. I read somewhere that PhoneGap only supports HTML, CSS and JavaScript. Does that mean it will not accept my ASP.NET pages?

UPDATE 1:

If I am using plain HTML pages and invoking web services using jQuery $.ajax function then how would I make sure that the head section of the page is loaded once. I mean when using HTML only pages how can I create master pages architecture?

Answer 1

Your .asp pages will have to be hosted remotely from the app. You can however make AJAX calls out to the .asp pages from your app. to retrieve data from your server (same-domain policies do not apply in this situation so you can make AJAX calls to any domain you would like). Like on most desktop computers, mobile devices will not be able to parse .asp scripts as there is no interpreter for the language running on the device.

An Example:

$('#homepage_id').bind('pagecreate', function () {
    $.get('http://path.to.server/and/file.asp', function (data) {
        $('#homepage_id').find('[data-role="content"]').html(data);
    });
});

Note: the example above would require outputting valid HTML markup from the script running on your server however it is better most of the time to output JSON from the server and parse it into valid HTML markup within your JavaScript code.

UPDATE 1:

I would include all the necessary JavaScript functionality in the application’s index page and use callback functions for your AJAX calls to “enhance” the code being gathered from your web service.