ajax向办事器请求数据实微信小程序开发现html页面

利用html的表单，可以提交数据到办事器，可是若是只是利用表单，那么数据提交的时辰，整个页面都需要被刷新，当有部门数据需要从办事器加载的资本，发送请求后，会对整个页面进行提交，用户体验不是太好。

东西/原料

• ajax
• jquery

方式/步调

1. 1

   对于html ,它无法做到点窜后顿时刷新的结果，需要达到这个结果，需要借助javascript.

2. 2

   javascript，若是需要局部刷新，那么我们需要利用到的手艺是ajax。利用ajax，可以只刷新页面的部门内容。

3. 3

   ajax手艺，可以很好的晋升用户体验，当提交请求到办事器响应资本的时辰，不需要对整个页面进行刷新。下图，我们没有利用ajax，获得数据后，会对整个页面进行刷新。

4. 4

   如下图中的三级联动菜单，我们将数据保留到数据库，对数据库进行查询后返回数据，若是不利用ajax的话，那么就无法做到局部刷新。

5. 5

   我这里利用jquery来写ajax，利用jquery来写ajax，可以削减代码量，您也可以利用原生的体例来写ajax。

6. 6

   起首，需要赐与一个数据提交到办事器的资本路径地址url，Ajax会将资本提交到办事器对资本请求进行阐发与处置。

7. 7

   data是您需要传输的具体数据内容，办事器会按照您的请求资本类型来进行处置。

8. 8

   传输数据到办事器，首要利用的体例首要有get体例与post体例，我这里选择的是get体例。

9. 9

   接下来，您可以选择返回来的数据格局。此刻更多的是利用json，您可以按照您的需求来选择分歧的格局。

10. 10

    请求成功，获得数据后，您可以选摘要执行的内容，在函数体内，您可以按照您的营业需求来进行处置即可。

11. 11

    我这里选择遍历获得的资本，并对其进行输出到页面中，实现页面的局部刷新。

    END

注重事项

• 我这里利用的是jquery来写，可以削减代码量，您可以利用javascript来写。