0

重複の可能性:
jQMページ間に変数を保存する方法は?

私はjquery mobileが初めてで、データを別のページに送信することに少し混乱しています。私のhtmlファイルでは、リストビューで構成されています。リストをクリックすると、別のページにリダイレクトする必要があり、同時にそのリストのデータを2番目のページに送信したい. 実際に私のコードは..

Polls.html

     <body>
    <section id="pollsscreen" data-role="page">
        <header data-role="header" > 
            <h1> Video </h1>
            <a href="index.html" data-role="button" data-icon="back" data-direction="reverse" data-transition="slide"> Back </a>
        </header>
        <div data-role="content">
            <ul id="pollslist" data-role="listview" data-theme="e" >
            </ul>
        </div>
    </section>
</body>

Polls.js (私の JavaScript ファイル)

   var addPollsList = function addPollsList() {
     $("#pollslist").prepend("<li><a href='pollsdetails.html'>What is your name?</a></li>");
     $("#pollslist").prepend("<li><a href='pollsdetails.html'>Give review of new movie..</a></li>");  
     $("#pollslist").listview("refresh");      
}

pollsdetails.html

    <section id="pollsdetailspage" data-role="page">
        <header data-role="header">   
            <h1> Polls </h1>
            <a href="polls.html" data-role="button" data-icon="back" data-direction="reverse" data-transition="slide"> Back </a>             
        </header> 
        <div data-role="content" class="pollsdetailsscreen">
            <p>Polls details page</p>
        </div>
    </section>    
</body>

コードによると、すべてがうまく機能しています。リストをクリックすると、「pollsdetails.html」ファイルにリダイレクトされます。しかし、ここでは、データをそのhtmlページに送信する方法がわかりません。そのデータを

pollsdetails.html ページのタグ。誰でもこれで私を助けることができます.......

前もって感謝します...

4

3 に答える 3

1

単純な名前と値のペアを次のページに渡そうとしている場合は、クエリ文字列パラメータを使用できます。

var addPollsList = function addPollsList() {
     $("#pollslist").prepend("<li><a href='pollsdetails.html?myparam=value1'>What is your name?</a></li>");
     $("#pollslist").prepend("<li><a href='pollsdetails.html?myparam=value2'>Give review of new movie..</a></li>");  
     $("#pollslist").listview("refresh");      
}
于 2012-06-13T15:04:00.317 に答える
1

これにはグローバル変数を使用できます。

Polls.js で

var addPollsList = function addPollsList() {
 $("#pollslist").prepend('<li><a href="#" onclick="test('+Ur_data+')">What is your name?</a></li>');
 $("#pollslist").prepend('<li><a href="#" onclick="test2('+Ur_data+')">Give review of new movie..</a></li>');  
 $("#pollslist").listview("refresh");

}

function test1(data){
    // set urs global variable here
    global_variable = data;
     $.mobile.changePage( "pollsdetails.html");
}

function test2(data){
    // set urs global variable  2 here
    global_variable_2 = data;
     $.mobile.changePage( "pollsdetails.html");
}

global_variablepollsdetails.js では、およびにアクセスできますglobal_variable_2。

于 2012-06-13T08:47:28.540 に答える
1

私はLocalstorageに行きます

var userReview = {
                "Name":"Bob",
                "Review":"Awesome party movie!!",
                "MovieTitle":"Project X"
               };

            //Store the object in local storage
            localStorage.setItem('UserReview',JSON.stringify(userReview));

そうすれば、別のページに移動したときにいつでも localstorage を呼び出して情報を取得できます。

var userReview = JSON.parse(localStorage.getItem("UserReview"));
var userName = userReview.Name;
var review = userReview.Review;
var movieTitle = userReview.MovieTitle;
于 2012-06-13T15:19:22.150 に答える