2012-02-04 4 views
1

새 질문이지만 실제로는 need to refresh page in jquery mobile에 가깝습니다.서버에서 리디렉션 한 후 페이지를 새로 고침해야합니다.

나는/로그인 페이지를 가지고 있는데,이 페이지는 처음 /에 액세스 할 때 리디렉션됩니다 (따라서 기록되지 않습니다). 로그인하려면 사용자는 사용자 이름 만 제공하면됩니다.

<form method="post"> 
<span>Votre pseudo:</span> 
<input id="username" name="username" data-bind="value: username, valueUpdate: 'afterkeydown'" /> 
<input type="submit" id="join" data-icon="star" value="Rejoindre !" data-bind="enable : canJoin"/> 
</form> 

따라서, 형태에 아무런 조치 속성이 존재하지 않는 형태로 게시물에 제출 (I 일부 기초를 누락하지 않는 한하지 희망) : 다음과 같이/로그인 페이지가 하나의 텍스트 입력과 양식을 제공합니다 로그인하기.

내가 명시 적으로 NodeJS를 사용하고, POST 요청의 서버 측을 처리하고있어는 다음과 같습니다

app.post("/login", function (req, res) { 
    //do some stuff, store username for instance... 
    res.redirect("/"); 
}); 

내가 참/일치하는 페이지 (인덱스)로 리디렉션하지만,이 인덱스 페이지에 스크립트를 포함하고있다 실행되지 않고 일부 jquerymobile 객체가 완전히 작동하지 않습니다.이 색인 파일에는 2 개의 JQM 페이지 (data-role = "page"가있는 두 개의 div)가 있고 첫 번째 JQM 페이지 (div)의 바닥 글에는 두 개의 링크가 있으며 두 번째 페이지 (div) (앵커, JQM 방식)를 가리 킵니다. 그러나이 링크는 활성화되어 있지 않습니다.

임베드 된 스크립트 ($ (document) .ready, scripts ...) 및 모든 JQM 객체가 올바르게 응답하도록/페이지를 다시로드해야합니다.

힌트 : Firebug에서 페이지를 다시로드하기 전에 게시/로그인 요청의 응답에 302 명령 (리디렉션 지침 서버 쪽 때문)과 다음 가져 오기/요청 (리디렉션 지침으로 인해 발생 함) 서버 쪽)는 페이지와 포함 된 단일 이미지를로드 할 수 있지만 200 개의 statut로 EMPTY 응답을 보냅니다.

나는 확실히 뭔가를보고 싶어하지만

답변

0

JQuery와 모바일이 DOM에 요청 된 페이지를로드하는 아약스를 사용하여 ... 당신의 도움을 감사를 알아낼 수 없습니다. 요청하는 페이지에는 jqm "page"만 있어야합니다.

기억해 봤지만 모든 스크립트를 첫 페이지에 추가 한 다음 페이지 변경 이벤트에 바인딩하여 실행시기를 결정해야했습니다. 나는 jqm이 ajax를 통해로드 된 페이지의 스크립트를 실행할 것이라고 생각하지 않습니다.

여기 페이지 구조를 살펴 보자 탐색의 작동 방법에

http://jquerymobile.com/demos/1.0.1/docs/pages/page-anatomy.html

자세한 내용은 여기에 있습니다 :

http://jquerymobile.com/demos/1.0.1/docs/pages/page-navmodel.html

+0

덕분에, 정확히 내 문제와 내 솔루션을 찾을 수있는 방법! jqm에 완전히 멍청한 놈 내가 잘못 했어 sooo (구식 방식이지만, 아약스 기본값을 비활성화하지 않고) – wiill

+0

@wiill 문제 없습니다! 저는 JQM을 처음 출시 한 이래로 JQM을 개발 중입니다. API를 변경하고 모든 문서가 오래 되었다면 완전히 잘못했다고 생각해 봅시다. 제 답변을 수락 된 것으로 표시하십시오. ;) – Jonathan

1

간단한 솔루션은 링크를 data-ajax="false"를 사용하는 것입니다 귀하의 페이지에서 이것은 jquery 모바일에 일반 사이트처럼 전체 페이지를로드하도록 지시합니다.

예 :

<a data-ajax="false" href="page.html"> Some link </a> 
관련 문제