10 2 10 2 1 10UI data params

  • Slides: 40
Download presentation

10. 2 “省控线查询”页面与服务端交互的实现 10. 2. 1 “省控线查询”页面获取服务端数据 进入“省控线查询”页面之后,由于在第 10章的UI界面设计中已经在设计下拉框的时 候将选择的年份已经更新到了页面数据中,所以我们通过调用页面data数组里的变量, 将其存进params变量中方便调用。代码如下所示: var params =

10. 2 “省控线查询”页面与服务端交互的实现 10. 2. 1 “省控线查询”页面获取服务端数据 进入“省控线查询”页面之后,由于在第 10章的UI界面设计中已经在设计下拉框的时 候将选择的年份已经更新到了页面数据中,所以我们通过调用页面data数组里的变量, 将其存进params变量中方便调用。代码如下所示: var params = [] params. year = this. data. year params. area. Id = this. data. area[this. data. area. Index]. area. Id params. batch. Id = this. data. batch[this. data. batch. Index]. batch. Id params. category. Id = this. data. category[this. data. category. Index]. category. Id Contents

10. 2 “省控线查询”页面与服务端交互的实现 10. 2. 2 “省控线查询”页面在客户端显示数据 if (res. data == [] || res.

10. 2 “省控线查询”页面与服务端交互的实现 10. 2. 2 “省控线查询”页面在客户端显示数据 if (res. data == [] || res. data. length <= 0) { that. set. Data({ list. Data: res. data, hid: true, notice: "暂无更多信息" }) } else { that. set. Data({ list. Data: res. data, hid: false }) } Contents

10. 3 “历年录取线查询”页面与服务端交互的实现 10. 3. 1. 1 “历年录取线查询”—学校录取线子页面获取服务端数据 进入“历年录取线查询”页面之后,由于在第 10章的UI界面设计中已经在设计下拉框 的时候将选择的年份已经更新到了页面数据中,所以我们通过调用页面data数组里的变 量,将其存进params变量中方便调用。代码如下所示: var params

10. 3 “历年录取线查询”页面与服务端交互的实现 10. 3. 1. 1 “历年录取线查询”—学校录取线子页面获取服务端数据 进入“历年录取线查询”页面之后,由于在第 10章的UI界面设计中已经在设计下拉框 的时候将选择的年份已经更新到了页面数据中,所以我们通过调用页面data数组里的变 量,将其存进params变量中方便调用。代码如下所示: var params = [] params. year = this. data. year params. school. Id = this. data. school[this. data. school. Index]. school. Id params. source. Area. Id = this. data. area[this. data. area. Index]. area. Id params. batch. Id = this. data. batch[this. data. batch. Index]. batch. Id params. category. Id = this. data. category[this. data. category. Index]. category. Id Contents

10. 3 “历年录取线查询”页面与服务端交互的实现 10. 3. 1. 2 “历年录取线查询”—学校录取线子页面显示服务端数据 if (res. data == [] ||

10. 3 “历年录取线查询”页面与服务端交互的实现 10. 3. 1. 2 “历年录取线查询”—学校录取线子页面显示服务端数据 if (res. data == [] || res. data. length <= 0) { that. set. Data({ school. Recruit. Data: res. data, hid: true, notice: "暂无更多信息" }) } else { that. set. Data({ school. Recruit. Data: res. data, hid: false }) } Contents

10. 3 “历年录取线查询”页面与服务端交互的实现 10. 3. 2. 2 “历年录取线查询”—专业录取线子页面显示服务端数据 if (res. data == [] ||

10. 3 “历年录取线查询”页面与服务端交互的实现 10. 3. 2. 2 “历年录取线查询”—专业录取线子页面显示服务端数据 if (res. data == [] || res. data. length <= 0) { that. set. Data({ major. Recruit. Data: res. data, hid 1: true, notice 1: "暂无更多信息" }) } else { that. set. Data({ major. Recruit. Data: res. data, hid 1: false }) } Contents

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 2 “报考咨询”—页面显示服务端数据 that. set. Data({ consult. Start: res. data,

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 2 “报考咨询”—页面显示服务端数据 that. set. Data({ consult. Start: res. data, }) if (res. data. length >= 0 && res. data != []) { var temp. Data = res. data for (var i = 0; i < temp. Data. length; i++) { temp. Data[i]. answer. Content = (temp. Data[i]. answer. Content || ""). split("#") temp. Data[i]. answer. Time = (temp. Data[i]. answer. Time || ""). split("#") } that. set. Data({ consult. Data: temp. Data, flag: "" }) Contents }

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 2. 1 “报考咨询”—问题搜索获取服务端数据 如果问题不为空,则通过wx. request在页面加载的时候把数据就更新到页面上,和 前面的方式一样,通过调用页面data数组里的变量,将其存进params变量中方便调用。 代码如下所示: var params

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 2. 1 “报考咨询”—问题搜索获取服务端数据 如果问题不为空,则通过wx. request在页面加载的时候把数据就更新到页面上,和 前面的方式一样,通过调用页面data数组里的变量,将其存进params变量中方便调用。 代码如下所示: var params = [] var question. Temp = {} question. Temp. question. Content = this. data. question. Content question. Temp. question. Time = util. format. Time(new Date()) question. Temp. answer. Content = "" question. Temp. answer. Time = "" params. flag = "insert" params. question = question. Temp Contents

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 2. 3 “报考咨询”—问题添加获取服务端数据 如果用户输入的问题不为空,且数据库中没有相同问题,我们则可以直接添加新问 题,代码如下所示: if (this. data. consult.

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 2. 3 “报考咨询”—问题添加获取服务端数据 如果用户输入的问题不为空,且数据库中没有相同问题,我们则可以直接添加新问 题,代码如下所示: if (this. data. consult. Start[this. data. index]. answer. Content == undefined) { question. Temp. answer. Content = this. data. a. Content question. Temp. answer. Time = util. format. Time(new Date()) } Contents

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 3. 1 “报考咨询”—问题添加获取服务端数据 如果用户输入的问题不为空,但数据库中含有相同问题,我们则不能直接添加新问 题,应当为已有问题做一个标记flag,并设置flag的值为update。代码如下所示: question. Temp. answer. Content

10. 4 “报考咨询”页面与服务端交互的实现 10. 4. 3. 1 “报考咨询”—问题添加获取服务端数据 如果用户输入的问题不为空,但数据库中含有相同问题,我们则不能直接添加新问 题,应当为已有问题做一个标记flag,并设置flag的值为update。代码如下所示: question. Temp. answer. Content = this. data. consult. Start[this. data. index]. answer. Content + "#" + this. data. a. Contentquestion. Temp. answer. Time = this. data. consult. Start[this. data. index]. answer. Time + "#" + util. format. Time(new Date()) this. set. Data({ flag: "update", question: question. Temp, hiddenmodalput: true, a. Content: "" }) Contents