WEX5新手与进阶（持续更新）

wangjikuen

最近发现诸多新手进到我们的QQ群中，不断的问一些常见的问题，我将把一些问题的解决方案放置到本帖中，如果有新的问题的话，可以在本帖下跟帖，欢迎各位来讨论与指导。同时欢迎诸位大牛指导

• 第一个问题，有同学问，X5做的APP，为什么需要服务器部署？APP不应该是在手机上的吗？
• 答：APP可以打成不需要服务器部署的APP，如果你不需要后端的数据服务的话，当然是可以这样做了，但是实际上是几乎不可能呢，我们开发APP，大多数（几乎全部）是需要前后端进行交互的。
• 第二个问题，再目前的开发模式中，后端spring mvc是非常常见的——或者别的后端框架，不过这个不重要，重要的是，当前后端分离的情况下，如何只用WEX5做前端，只做终端的应用——例如android或者是ios的应用呢？
• 答：那么这个问题就比较深一些了，首先大家需要明白一件事，X5的代码，其实是html代码，也就是网页，或者叫适配性网页，但无论如何，本质上都是静态的页面，而如何让静态页面变成所想需要的动态的呢？这里我们探讨一下动态页面的核心——AJAX，在引用了JQ的库之后，使用AJAX访问后端数据就显得比较方便，请求到数据之后，我们再将其加载进所需要的各种组件中即可（MVVM的数据绑定加载，我们在之后的环节中进行讨论），有些同学可能不太会写AJAX的封装和请求，我在这里放一段代码，欢迎各位的指正 post.rar (1.28 KB, 下载次数: 336)
  2017-11-27 13:56 上传

  点击文件名下载附件
  
  有些同学发现我在代码中有个KEY，不知道是什么？这个当然是有用的，原因在下个问题中进行详解。当然下个问题将首先说一下这个请求该如何的调用。
  

biyaooo

不错，支持

郭德成

支持一下

wangjikuen

嗯，突然发现我的问题受众不是新手？并不友好？也许你只是想制作个简单的APP？
好了，我的答案的确不基础，也不并不适合所谓的只想做个简单的APP的受众，因为我的回答将不涉及到baas，换句话讲，对新手而言，或许我的回答过于复杂了？想制作一个简单的APP的童鞋，请移步至牛刀论坛，那个才是不需要基础就能制作APP的，而我这里，需要基础，我的问题一般来讲，已经默认你有html，JS与JQ基础了
好了，继续跟着上个问题回答，上个问题说道AJAX是动态页面的核心，而我们开发的APP，如果不是静态的话，都是需要向后端请求数据的，在这里，我们就需要使用到了AJAX，同时我们需要了解到的是，浏览器是不允许跨域访问的，如果需要跨域访问，需要使用JSONP或者是CORS，在后端也需要进行一些处理，我们只讲前端即APP端的方式》》
大家可以看到的是，我这个POST文件，是一个JS文件，在其他的地方引用了这个JS之后，就可以使用XX.fnOfAMD2（请求地址，参数，回调函数名，请求头，额外内容）的方式进行AJAX请求，前三个参数为必须，而后两个则是非必选的，而参数，则使用类似于aa=11&cc=22这样的方式将值传输进来，然后经过排序组合后，组成了一个JSON对象，我们发送请求的时候，将这个对象传输过去，拿到返回的值，就是一次成功的请求了。
有些朋友可以看的出来，我写了很多代码用来处理请求的内容，原因很简单,CORS在允许了浏览器跨域访问的同时，也为服务器带来了安全性隐患，因此我们通过MD5加密，加上时间戳，再配合秘钥(KEY)，再以特定的方式组合，URLencode之后，得到的编码是我们的请求内容，经过了那么多层加密之后，截取我们的请求会变的非常麻烦，虽然后端也同样需要类似的编码，但为了安全，付出那么多，完全是值得的。
基础问题回答完毕，下个问题，如果没有人追问的话，就回答一个嵌套LIST的内容，将会以一个类似汽车之家的选择品牌（类手机通讯录选择）的demo做为问题

qiuxinw66

很全面， 顶一下

wangjikuen

先放张效果图上来，稍晚一点放代码

少翊

wangjikuen 发表于 2017-11-29 13:41
先放张效果图上来，稍晚一点放代码

wangjikuen

有事耽搁了一下，下面把品牌选择的demo这个好轮子放上来，简单易用，有问题可以跟帖，下个将要回答的问题暂没有准备，如果有需要的，我刚好会的，可以为你解答或demo，周二左右如果没有人提问题的话，我就给大家讲讲关于数据绑定的操作，
文件已经重新提交 logo.rar (5.64 KB, 下载次数: 239)

2017-12-7 16:32 上传

点击文件名下载附件

wangjikuen

停更半月，准备参加比赛

cnyvxk

这是为什么