更新:Rob Sedgwickによる以下の提案を実装した後、リダイレクトは、ユーザーが手動で「F5」ブラウザー(Chrome)を更新した場合にのみ機能することが明らかになりました。私が達成する必要があるのは、これがコード内で自動的に行われるため、ユーザーがホットリフレッシュしなくてもリダイレクトが行われることです。この最後の部分で助けてくれてありがとう。
現時点では、ManageTodosViewは、ユーザーがログインした後の最初のアクションです。ユーザーが設定したToDo項目のリストを出力します。実用的な例はここhttp://parseplatform.github.io/Todo/にあり、コードはhttps://github.com/ParsePlatform/Todoです。
私は実際にユーザーログインを機能させるためにコードを使用していますが、長期計画ではコードを削除する予定なので、残りのコードの出力が何であるかについて心配する必要はありません。アプリが正しく機能していることを示すために配置されています。
このコードをベースとして使用して、Webアプリを構築しています。現時点では、ユーザーがログインすると、同じページにデータが表示されます。
ログイン後にユーザーが別のページにリダイレクトされ、そこで情報が表示されるように、これを変更できるようにしたいと思います。
これは、インデックスページが単なるランディング/ログインページであり、メニューなどを含むより構造化されたHTMLページにリダイレクトしたいためです。
JSコード内で、次のようなリダイレクトを配置しますか?
self.location="top.htm";
コードのこの領域に?
// The main view for the app
var AppView = Parse.View.extend({
// Instead of generating a new element, bind to the existing skeleton of
// the App already present in the HTML.
el: $("#todoapp"),
initialize: function() {
this.render();
},
render: function() {
if (Parse.User.current()) {
new ManageTodosView();
} else {
new LogInView();
}
}
});
このJSFiddleにJSコードを追加しました
更新:
リダイレクトが機能する前に手動で更新する必要があるページの問題に対処するには、
window.location.href="/someurl";
todoe.jsファイル内の次のコードセクションに移動し、新しいManageTodosView()をコメントアウトします。コード。
Parse.User.logIn(username, password, {
success: function(user) {
window.location.href="user_home.html";
//new ManageTodosView();
self.undelegateEvents();
delete self;
},
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加