2013-05-18 26 views
5

Tôi biết ở phía máy chủ, điều này có thể được thực hiện dễ dàng bởi tập lệnh phía máy chủ, nhưng PhoneGap tập trung phát triển là trên bản sao cục bộ. Làm cách nào tôi có thể sử dụng lại/bao gồm trang HTML vào trang HTML khác (không có chính sách gốc)?Phonegap Làm cách nào để sử dụng lại/bao gồm trang HTML?

+0

Bạn có thể cung cấp một số luật? – Mkpatel

+0

Bạn đã thử một khung nội tuyến chưa? –

+0

@TasosBitsios iframe không phải là những gì tôi muốn, ví dụ, tôi muốn sử dụng một thành phần hộp thoại tùy chỉnh (một container div) trên tất cả các trang, tôi không muốn sao chép nội dung HTML trên tất cả các trang, vì vậy làm thế nào tôi có thể làm ? – GMsoF

Trả lời

3

Bạn có thể sử dụng nhiều thư viện tốt có sẵn trong khi phát triển một ứng dụng sử dụng PhoneGap .Nếu bạn nhận thức được jQuery Mobile library.Using thư viện này, bạn có thể bao gồm nhiều trang html vào một page.I đơn đang PhoneGap developer.I đã phát triển trang duy nhất ứng dụng sử dụng thư viện jQM này.

Họ đã làm việc trên điều hướng Ajax. Do đó, không có trang tải lại ở phía máy khách.Điều này sẽ làm cho hiệu suất ứng dụng của bạn tăng đột ngột.Bạn có HTML5 localStorage.Xem tất cả dữ liệu trong một lần truy cập và điều hướng qua nhiều trang.

Dưới đây là liên kết: jQuery Mobile

Ngoài ra bạn có thể sử dụng pager.js thư viện để tải nhiều HTML trang thành một page.It đơn của rất dễ học.

Hy vọng điều này sẽ giúp bạn.

+0

Liên kết không đúng trên jQuery Mobile FYI - liên kết tới pager.js –

2

Bạn có thể tìm nạp bằng yêu cầu ajax và sau đó chèn vào trang của bạn. Tôi sử dụng angular.js và đây là những gì nó làm đằng sau hậu trường ... Bạn có thể thích một cái gì đó đơn giản hơn như chức năng tải jquery của: http://api.jquery.com/load/.

+0

Xin chào, tôi đã thử phương pháp này trong trình duyệt Web, chúng tôi sẽ có cùng một vấn đề Chính sách gốc nếu chúng tôi cố gắng ajax truy xuất tệp cục bộ. Vì điện thoại tập trung vào tập tin cục bộ, bằng cách sử dụng ajax, chúng ta sẽ có cùng một vấn đề đúng không? – GMsoF

+0

Nếu bạn đang phát triển trên máy cục bộ, bạn cần chạy và máy chủ http để phục vụ các tệp. OSX đi kèm với apache, đó là những gì tôi sử dụng, nhưng đó là một chút khó khăn để cấu hình. Bạn có thể sử dụng một số điều LAMP sắp xếp hoặc chỉ cần vào thư mục chứa html của bạn và chạy "python -m SimpleHTTPServer". SimpleHTTPServer đôi khi bỏ lỡ các yêu cầu nhưng nó hoạt động. Nút –

+0

cũng là một tùy chọn khác cho một máy chủ http đơn giản. – Kieran

-1

Tải nội dung qua Ajax là giải pháp tốt hơn, nhưng JSONP sẽ là một cách khác để tải nội dung bằng Ajax. JSONP không gây ra các vấn đề về chính sách gốc.

Đặt mã HTML của bạn vào tệp JS mà bạn tải và hiển thị qua thẻ tập lệnh. Ví dụ .:

JSONP-File:

var dialogComponentHTML = "<form>your html code...</form"; 
$(document).ready(function() { 
    $("#your_placeholder").html(dialogComponentHTML); 
}); 

HTML-File:

<script type="text/javascript" src="dialog.jsonp"> 
<div id="your_placeholder"></div> 

Xem thêm http://en.wikipedia.org/wiki/JSONP

Các vấn đề liên quan