[发明专利]一种提高服务器端数据填充客户端表单效率的方法

说明书

技术领域

本发明涉及的是一种提高服务器端数据填充客户端表单效率的方法。

背景技术

在现有技术中，公知的技术是近年来随着前端技术的不断发展，web界面的功能越来越丰富多彩及越来越多元化。在很多web项目中，很多时候在一些表单中需要预填上一些不能让用户凭空填写的有限制的内容。这时，就需要在表单渲染时或渲染后把数据预填上，对于一些固定的数据，可以直接写在渲染的模板中。但是对于需要从服务器端请求的数据，就不能保证在渲染模板时请求的数据已经返回，若是等待数据返回在渲染模板，不仅用户体验差，也会影响效率。因此，本发明提供了一种方法，可以有效的解决这些问题。

发明内容

本发明的目的就是针对现有技术所存在的不足，而提供一种提高服务器端数据填充客户端表单效率的方法，该方法可以有效的提高后台数据填充表单的效率。当某些表单需要预填一些服务器端的数据时，在表单模块渲染之前就先对后台进行数据请求，当用户去点击加载表单时，前端提供渲染的模板的函数把请求来的数据与模板同时渲染。但是若用户加载表单时，后台还未返回数据 ，就先把模板渲染出来然后再填充数据。

本方案是通过如下技术措施来实现的：一种提高服务器端数据填充客户端表单效率的方法，如下步骤：

1）客户端主模块加载完成后向服务器发送数据请求，并定义一个延迟变量；

2）用户点击加载表单时，渲染表单模板，并把请求的数据当做参数传给表单模块；若请求服务器的数据已返回，则直接渲染出来，若没返回，则渲染一个正在加载的标志；

3）渲染完成后，在回调函数里对表单模板上是否已经填上相应的数据进行判断，若是已填充，则释放延迟变量，若是正在加载，则用步骤1）中的延迟变量实现一个延迟结束的回调函数；当请求数据返回后，释放这个延迟变量，触发延迟结束的回调函数，此回调函数向表单中相应的部分填充请求回来的数据。

所述的步骤1）中数据请求是请求表单需要预加载填充的数据。

所述的步骤2）在渲染表单模板时，同把请求的数据当做参数传给模板，当模板去解析这些参数时，若请求服务器端的数据已返回，此时参数时有值的，若是还没有返回，此时的参数时“undefined”类型，在模板中做一个判断，若是有值，则直接渲染出来，若是没有值，则在相应位置渲染出一个“正在加载中”的标志。

本方案的有益效果可根据对上述方案的叙述得知，由于在该方案中通过以上几个步骤可以有效的提高服务器端数据填充表单的效率及用户体验。首先，在用户点击加载表单之前就已经向后台发起数据请求，这有效的利用了用户浏览此界面时，而不进行任何操作时的时间。其次，若是这个时间还是不足够请求返回结果，在表单加载之后又对表单是否已经填充好做判断，若是没有填充完成，则等待数据返回执行填充，这就防止了渲染的表单没有数据。故本方法提升了用户体验，若是等待服务器端数据返回才允许用户去点击加载表单，用户会不明白为什么不能点击，大大降低的用户体验，但是如果在用户点击加载表单后才去向服务器端发请求去请求数据，会增加用户的等待时间。由此可见，本发明与现有技术相比，具有突出的实质性特点和显著的进步，其实施的有益效果也是显而易见的。

附图说明

图1为本发明具体实施方式的结构示意图。

具体实施方式

为能清楚说明本方案的技术特点，下面通过一个具体实施方式，并结合其附图，对本方案进行阐述。

通过附图可以看出，本方案的一种提高服务器端数据填充客户端表单效率的方法，如下步骤：

1）客户端主模块加载完成后向服务器发送数据请求，并定义一个延迟变量；数据请求是请求表单需要预加载填充的数据；

2）用户点击加载表单时，渲染表单模板，并把请求的数据当做参数传给表单模块；若请求服务器的数据已返回，则直接渲染出来，若没返回，则渲染一个正在加载的标志；

3）渲染完成后，在回调函数里对表单模板上是否已经填上相应的数据进行判断，若是已填充，则释放延迟变量，若是正在加载，则用步骤1）中的延迟变量实现一个延迟结束的回调函数；当请求数据返回后，释放这个延迟变量，触发延迟结束的回调函数，此回调函数向表单中相应的部分填充请求回来的数据。

所述的步骤2）在渲染表单模板时，同把请求的数据当做参数传给模板，当模板去解析这些参数时，若请求服务器端的数据已返回，此时参数时有值的，若是还没有返回，此时的参数时“undefined”类型，在模板中做一个判断，若是有值，则直接渲染出来，若是没有值，则在相应位置渲染出一个“正在加载中”的标志。

本发明并不仅限于上述具体实施方式，本领域普通技术人员在本发明的实质范围内做出的变化、改型、添加或替换，也应属于本发明的保护范围。