ASP.Net/Ruby/PHP Веб-сайт MVC, jQuery Mobile и Phonegap

У меня есть приложение ASP.Net MVC3 (неважно, является ли это ASP.NET MVC, PHP или RAILS coz, в конце концов он обслуживает plaing HTML), который использует jQuery mobile и отлично работает во всех мобильных браузерах. Следующим шагом для меня является создание родного приложения ios с помощью Phonegap.ASP.Net/Ruby/PHP Веб-сайт MVC, jQuery Mobile и Phonegap

Я предполагаю, что все, что мне нужно сделать, это на странице html, которую я установил в Phonegap, я подключусь к событию загрузки страницы и динамически загружаю содержимое своего MVC-представления с удаленного сервера.

Но я ищу несколько примеров, если кто-то еще сделал что-то подобное.

-Спасибо заранее Ник

UPDATE: Я был в состоянии сделать это, написав следующую index.html страницу. Надеюсь, это поможет кому-то другому.

ЕЩЕ ВОПРОСЫ ХОТЯ: Но сделав это ... как вы можете заметить, я прошу мою страницу ASP.NET MVC с помощью http://IP:8081 URL. Это отлично работает, и он загружает мою страницу тоже ... но это не jquery mobile formatted. Итак, если кто-то может помочь мне здесь, это будет здорово.

ОБЪЯСНЕНИЕ: В виду того что ajax.responseText содержит весь HTML, начиная с <!DOCTYPE html> тега ... Я думаю, что это довольно очевидно, что я в конечном итоге вставить весь HTML страницы внутри моего <div data-role="page" id="home"> тег, который, очевидно, неправильно, но я дон «т есть решение для этого еще :(

<!DOCTYPE html> 
<html> 
<head> 
    <title>PhoneGap Ajax Sample</title> 
    <meta name="viewport" content="width=device-width,initial-scale=1, target-densityDpi=device-dpi"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
    <script type="text/javascript"> 
     function onDeviceReady() { 
      var ajax = new XMLHttpRequest(); 
      ajax.open("GET", "http://192.168.2.30:8081/", true); 
      ajax.send(); 

      ajax.onreadystatechange = function() { 
       alert(ajax.status); 
       if (ajax.readyState == 4 && (ajax.status == 200 || ajax.status == 0)) { 
        document.getElementById('home').innerHTML = ajax.responseText; 
       } 
      } 
     } 

     $(document).bind("mobileinit", function() { 
      alert('mobileinit'); 
      // Make your jQuery Mobile framework configuration changes here! 
      $.support.cors = true; 
      $.mobile.allowCrossDomainPages = true; 
     }); 

     document.addEventListener("deviceready", onDeviceReady, false); 
    </script> 
</head> 
<body> 
    <div data-role="page" id="home"> 
    </div> 
    <div data-role="page" id="search"> 
    </div> 
    <div data-role="page" id="recent"> 
    </div> 
</body> 
</html>

источник

2012-05-05 StackThis

Почему бы не использовать jQuery-помощники для загрузки страницы с удаленного сервера.

$(document).bind("mobileinit", function() { 
    alert('mobileinit'); 
    // Make your jQuery Mobile framework configuration changes here! 
    $.support.cors = true; 
    $.mobile.allowCrossDomainPages = true; 
    $("#home").load('http://192.168.2.30:8081/ #targetContent'); 
});

метод load может сделать запрос и заменить содержимое селектора с результатами запроса Ajax. Он также позволяет вам предоставить селектор после URL-адреса, который будет нацелен на конкретный контент с удаленного сервера, который вы хотите загрузить, в исходный согласованный селектор.

источник

2012-05-23 23:37:09 Adam

Удивительный! Спасибо Адаму за то, что нашли время, чтобы прочитать и ответить на вопрос. Это похоже на правильный путь ... Я не знаю, почему это не поразило меня тем, что я могу ссылаться на #targetContent, и таким образом он не будет возвращать весь с каждым звонком .... – StackThis

Как я понимаю, в общих чертах, у вас есть два варианта с PhoneGap (я не пробовал их сам Сейчас я учусь о них.):

Вы устанавливаете PhoneGap в своем enviromment для iOS и можете создавать собственное приложение для iOS прямо из IDE.
На веб-сайте PhoneGap вы загружаете свое веб-приложение, и они генерируют двоичный код приложения iOS (или Android).

источник

2012-05-07 01:39:09 j0aqu1n

Это в основном мой вопрос. Я ищу пример файла html, который вы загружаете в phonegap ... Кроме того, вы ищете код в html, который загружает мое представление (например, страницу с сервера IIS) через ajax и заменяет его содержимое через DHTML. – StackThis

ASP.Net/Ruby/PHP Веб-сайт MVC, jQuery Mobile и Phonegap

ответ

Смежные вопросы