在Framework7内页中传递Url中的变量

时间:2017-01-19 05:54:52

标签: javascript html-framework-7

我是Framework7.io的新手。我有以下脚本,它根据url中传递的参数从sqlite中获取数据。

然而,所有的Js都在index.html(F7的第一页)中调用,而我在内页中获得了参数。

b.html中的代码

<a href="a.html?type=new&ok=fine" >Go to a with values of ok & type</a>

a.html中的代码

function getParameterValue(type) {
    type = type.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + type + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var type1 = getParameterValue('type');

更新

目前使用此代码但没有成功。

$$(document).on('page:init', function (e) {
    var page = e.detail.page;
    myApp.alert(page);

    if (page.name === 'a') {
        var count = page.query.count;   
        myApp.alert(count);
        // Now we can generate some dummy list
        var listHTML = '<ul>';
        for (var i = 0; i < count; i++) {
            listHTML += '<li>' + i + '</li>';
        }
        listHTML += '</ul>';
        // And insert generated list to page content
        $$(page.container).find('.page-content').append(listHTML);
    }
    // Code for Services page
    if (page.name === 'inch') {
        myApp.alert('Here comes our inch!');
    }
});

感谢您的时间,任何帮助都非常值得赞赏。

1 个答案:

答案 0 :(得分:4)

使用page.query.your_url_parameter获取参数值。

示例:

获取<a href="a.html?type=new&ok=fine" >Go to a with values of ok & type</a>参数:

$$(document).on('page:init', function (e) {
var page = e.detail.page;

if (page.name === 'a') {

    var type = page.query.type; // returning "new"
    var ok = page.query.ok; // returning "fine"

    alert(type); 
    alert(ok);

}
// Code for Services page
if (page.name === 'inch') {
    myApp.alert('Here comes our inch!');
}

});

请参阅documentation