前言：在Wex5中如何讀取本地json檔案的內容並將它儲存到data元件，並通過繫結事件將內容顯示在頁面上。

第一：1、在ui下面建立.json檔案，編輯json格式資料。

2、在.w檔案中新增data元件。在列中新增.json檔案對應的資料。

3、在.w檔案下content中新增三個labelOutput元件，繫結data。對應的繫結data元件的列

4、頁面元件繫結完成，這時候我們新增三個button按鈕，分別是去載入資料，下一天資料，和上一條資料。

在載入本地json資料的按鈕的點選事件中，實現載入本地json檔案的資料。使用ajax非同步請求：裡面包含五個引數；

第一個引數：dataType：資料的型別，這裡是json，第二個引數：url:本應用下的.json檔案，第三個引數：async：（尚未具體瞭解）false,第四個引數：data:引數，這裡不需要，給一個空{}。第五個引數success：這是請求成功後做的操作，載入資料就是要在這裡操作；下面是index.w頁面程式碼：

define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");

var Model = function(){
this.callParent();
};


Model.prototype.button1Click = function(event){
var x=this.comp("data1");
$.ajax({
DataType:"json",
url:"http://localhost:8070/x5/UI2/v_/index/a.json",//本應用下的json檔案
async:false,
data:{},
success:function(data){
data={defaultValues:data};//這裡用defaultValues:data 會生成一個引數userData，否則直接載入會載入不出
x.newData(data);
alert("載入成功！");
x.first();
}
});

};


Model.prototype.button2Click = function(event){
var x=this.comp("data1").pre();//上一條資料
};


Model.prototype.button3Click = function(event){
var x=this.comp("data1").next();//下一條資料
};


return Model;
});