每次加载页面时加载不同的js文件

时间:2014-04-28 13:23:12

标签: javascript jquery ajax

所以基本上我有一个JS文件,包含对象(var),我希望每次加载页面时都能加载一个不同的对象。因此,例如,当页面加载时,一个新的对象' temp'创建,包含来自JS文件的一些对象数据*(data1,data2等)的数据。我不知道它是如何工作的,我不知道我是否需要5个.js文件或者一个有5个数据变量的文件。

    var data = {

    'coords' : [[784, 42], [802, 324], [128, 365], [710, 166], [513, 283], [610 , 391], [544, 48], [323, 204], [316, 50], [938, 52]],
    'walkthrough' : [8, 6, 0, 9, 3, 1, 5, 4, 2, 7],
    'highscore' : 2217  
}

var data1 = {
    'coords' : [[784, 42], [933, 211], [304, 190], [756, 264], [365, 395], [129, 302], [504, 261], [650, 393], [283, 26], [593, 35]],
    'walkthrough' : [8, 9, 0, 1, 3, 7, 6, 4, 5, 2],
    'highscore' : 2123

}

var data2 = {
    'coords' : [[784, 42], [591, 289], [242, 289], [710, 150], [465, 371], [589, 146], [667, 24], [323, 204], [173, 173], [898, 197] ],
    'walkthrough' : [8, 2, 7, 4, 1, 5, 3, 9, 0, 6],
    'highscore' : 1897

}

var data3 = {
    'coords' : [[785, 264], [591, 289], [392, 49], [419, 332], [862, 159], [533, 166], [710, 119], [323, 204], [600, 32], [834, 54]],
    'walkthrough' : [2, 7, 3, 1, 0, 4, 9, 6, 8, 5],
    'highscore' : 1573

}

var data4 = {
    'coords' : [[903, 292], [634, 352], [44, 350], [150, 188], [883, 131], [475, 240], [697, 152], [274, 341], [491, 69], [784, 34]],
    'walkthrough' : [2, 7, 5, 1, 0, 4, 9, 6, 8, 3],
    'highscore' : 2167

}

我想要的是拥有一个对象' temp',它将拥有来自某些数据对象的数据。

感谢任何帮助, 提前谢谢。

1 个答案:

答案 0 :(得分:4)

这应该做你需要的......

var data = [{
    'coords' : [[784, 42], [802, 324], [128, 365], [710, 166], [513, 283], [610 , 391], [544, 48], [323, 204], [316, 50], [938, 52]],
    'walkthrough' : [8, 6, 0, 9, 3, 1, 5, 4, 2, 7],
    'highscore' : 2217  
}, {
    'coords' : [[784, 42], [933, 211], [304, 190], [756, 264], [365, 395], [129, 302], [504, 261], [650, 393], [283, 26], [593, 35]],
    'walkthrough' : [8, 9, 0, 1, 3, 7, 6, 4, 5, 2],
    'highscore' : 2123

}, {
    'coords' : [[784, 42], [591, 289], [242, 289], [710, 150], [465, 371], [589, 146], [667, 24], [323, 204], [173, 173], [898, 197] ],
    'walkthrough' : [8, 2, 7, 4, 1, 5, 3, 9, 0, 6],
    'highscore' : 1897

}, {
    'coords' : [[785, 264], [591, 289], [392, 49], [419, 332], [862, 159], [533, 166], [710, 119], [323, 204], [600, 32], [834, 54]],
    'walkthrough' : [2, 7, 3, 1, 0, 4, 9, 6, 8, 5],
    'highscore' : 1573

}, {
    'coords' : [[903, 292], [634, 352], [44, 350], [150, 188], [883, 131], [475, 240], [697, 152], [274, 341], [491, 69], [784, 34]],
    'walkthrough' : [2, 7, 5, 1, 0, 4, 9, 6, 8, 3],
    'highscore' : 2167
}];

var thisData = data[Math.floor(data.length * Math.random())];

将所有数据存储在一个数组中,然后随机选择其中一个数据。这是一个比拥有多个js文件更好的方法,因为你只需要维护一个文件。