08. 尚硅谷_Zepto_form表单.avi原创

好，接着咱们上上午的来讲，上午呢，我们最后是把呃是是two里面自己独特的这些特质事件给大家讲一下，哎咱们还没有练，那么咱利用现在这点时间，哎，我呢把这两个哎给大家过完，过完了给大家时间咱们一起练。现在这个这不需要大家去敲代码，不需要你们敲代码，我在这儿只是想说明一个问题，就是在里面它有自己哎，自己独特的世界机制，而且呢，它对不同的浏览器进行了兼容性的处理。那这个时候呢，需要大家知道的是这个，哎，如果说你用to的时候，你尽量去使用on of这种。标准的事件来进行绑定事件。因为Z他就是提倡这种。而把这些哎从by delegate。这些舍弃啊，这个die，这个其实是利用的反向操作啊。

它的反向操作啊，也就是他为了是大在用户使用起来方便，这些方法不需要你去分别去记忆哈。哎，统一用out of都能解决问题，哎，这样最好。然后呢，这有一个第五个form这一块，那么在这一块呢，这几个方法不知道大家在解里面有没有用到过。没有用到过啊，这些方法倒是不常用，不常用，但是呢，我们也得给大家说一下。咱们呢，先把基本的写好，看一下我下面的结构，我这儿有一个放表单，哎，Method为post。现在我下面有几个音input啊，表单项一个test，一个password，那么在这我提前呢设置好它的value了啊，还有个check box，我提前让他选中，下面呢有一个type为submit，也说表单项里面的提交按钮。

我呢先把这个打开，这个不是提前这就有数据了吗。对不对，然后呢，我就用这个数据，哎，先不要去理它。数据有了以后，接下来我们来看一下这个方法。啊，这个方法读S啊，他们在post请求中将用作提交表单元素的值。编译成这个URL inco的字符串，其实就是URL编码字符串。编码字符串。啊，URL里面的构成部分，大家应该是给大家讲过，我们最更呃，我们最关心的URL里面是哪部分。咱们发请求URL是不是要携带参数？那里边参数在哪一部分。叫什么来着？

这词语大家知道吧，查询字符串，哎，通常是不是放在那里边啊，啊，它呢是在表单项里边，你发POS请求，我可以将你表单下里边的值编译成查询字符串的形式，就是k value的形式，哎，而且下面我说了不能使用不能使用的表达元素button以及未选中的这些将会被跳过。来咱们来看一把，一看就懂了，这种东西首先呢，我到那后，我先去找到我这个方表达，然后它有个方法就叫serve，你看这有提示。那么这个方法调用它有个返回值啊，我们看一下。我呢给大家把这个哎，返回值输出我们来看。来到咱们来刷新一下。看这个。这个形式首先和我们哎URL里面的查询字符串的形式是一样的，然后大家看一下哎，中间是以and符来连接的，然后你这分隔开，你看看这不是介质对吗。

K value，那么这个K值，Value值其实在你的表达线里面都能看到。你看一下T是谁？他第一个是把。只是科比，你看这个。K值就是你设定好的当前表达下的内值。而你的值，其实就是你最最终value的值，哎，科比。哎，后面的东西一样有一个啊，有点小特色的是，这等于on。那么这个东西是哪个呢？我给大家看一下。有没有发现我这有个check box，我这提前不是给他设了个name叫吗？然后它对应的值说的是on，哎说的是on呢，其实这个on呢，哎在这就表像你那个血中微中是一样的，On呢表示是它血中了就开关一样，有时候用on off来表示。

哎，选中呢，我就给你标出来，你的值是二。然后结合我们刚刚说的这句话。他说，不能使用的表达元素以及未选中的check box将会被跳过，你看一下，我呢，把这个删了它。上了的话，你首先来刷新一下，上来这个check box是没有血路。大家看一下这边。你会发现少了一个剑指类。少的这个介质对，就是上一次针对你的表，你这个tfbox选中状态表示的介质对。你没选中，我这儿不会记录，哎，30就是干这个事情的。帮你收集。

然后他这说是pose请求，为什么要强调是pose的请求呢？如果说我换成GA的，请求大家来看一下。我刷新一下。看这这是不是GA的请求，GA的请求，其实人家这是不是已经有了，其实在get的请求里面，我根本不需要做这一步。哎，他给我提供这些方式是什么？你在POS请求中，我也可以把你这些所有的数据拿到。其实拿到这些数据，我就可以想办法发给后台。后台，然后利用正则把这个按符给它去掉，分隔开，那拿到这些不就是介指对吗？我完全可以去封装一个对象，然后去使用你这些数据。啊，但这个方法呢，不常用，哎，不常用。我先把这个换成post。咱们再看下面这还有个s array这方法，以上边是以URL in code的方式来给他收集的数据，那我们看一下这个吧，我再来一个result，哎，我让它等于一个Dollar。

放减二，然后这一把我们调用这个方法，你再去看一下。拼错了。刷新。所来ara这个方法调用收集的表单项的内容，哎，它会整合成一个数组。点开这个数组，我们来看一下。数组里面的每一项值是什么？是一个对象。哎，其实这种做法就是比上面这个更好一点，他收集的对象，而对象里边有两个片。一个是name，一个是value，相当于把这两个拆开了。没问题吧，哎，Name和value，哎，这就是了，下边主要是给大家说一下这个submit这个方法。

哎，Submit这个方法呢，它是我表单项，哎，表单项的一个提交的方法，也是调用它，我可以去提交表单项。而some me这个方法如果说我们要使用的话，通常来说要传一个function。如果说你没有传的话，他会默认的执行，默认的行为就是去提交表单。啊。除非你去干嘛阻止他的默认行为？大家看一下怎么用。首先它是form表单的方法，就叫啊。看着啊，我上了我就。上来就调用它，然后我去刷新一下，你看到什么现象没有。我这其实一直在刷新，那是因为他你没有阻止默认行为，我没有传function当前的表达下，默认一直在去提交。

难懂，不但我们用submit，通常来说不会这样做，也就是说我们上来会给他传一个function，传它还不够。我们要利用这个对象去阻止他的默认行为。阻止默认行为，还怎么阻止啊？一点。Prevent default没问题吧，阻止冒泡呢？大家看我一定要用哎。Preventvot他是不是就不刷新了，那是因为你把他的默认提交表单的那个活给哎取消了，通常这样做，我们接下来就可以写自己的逻辑，哎，你比如说我暂时还不想提交。这个完全可以，不一定说用户一点击那个，我就给他提交看着啊。是不是可以出来我们自己的逻辑，那接下来自己的逻辑就可以在下边去写，等你什么时候想提交了，你完全可以自己在这个里面去发一个请求。

哎，没有任何问题。问下他组织么朋友了都。Stop，这些都知道吧，行，嗯，这是放表单这一块，嗯，然后呢，我先把这个视频停掉。