React-Native中网络请求

最新推荐文章于 2021-12-02 15:58:31 发布

u010500895

最新推荐文章于 2021-12-02 15:58:31 发布

阅读量782

点赞数

文章标签： react-native

转载请标明出处:http://blog.csdn.net/u010046908/article/details/50916511本文出自:【李东的博客】

前几篇文章写了关于React-Native中自己遇到的this的问题和组件嵌套的问题做了总结。今天要写的是关于React-Native中的网络请求的实现。

1.get的请求方式的实现

<code class="hljs coffeescript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"> <span class="hljs-regexp" style="color: rgb(0, 136, 0); box-sizing: border-box;">//g</span>et请求
  static  get(url, callback) {
      fetch(url)
      .<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">then</span><span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">((response) => response.text())</span>
      .<span class="hljs-title" style="box-sizing: border-box;">then</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">((responseText) => {
        callback(JSON.parse(responseText));
      })</span>.<span class="hljs-title" style="box-sizing: border-box;">done</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>;
    }
</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li></ul>

get请求很是简单基本就是这样，再不多说了。

2.Post请求的实现

post请求我在这里写了两种形式，一种是Content-Type为application/json的形式，另一种是Content-Type为application/x-www-form-urlencoded。

2.1 application/json的形式

<code class="hljs coffeescript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">static postJson (url, data, callback) {
    <span class="hljs-reserved" style="box-sizing: border-box;">var</span> fetchOptions = {
      <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(0, 136, 0);">method</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'POST'</span>,
      <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(0, 136, 0);">headers</span>: {
        <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Accept'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/json'</span>,
        <span class="hljs-regexp" style="color: rgb(0, 136, 0); box-sizing: border-box;">//</span>json形式
        <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Content-Type'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/json'</span>
      },
      <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(0, 136, 0);">body</span>: JSON.stringify(data)
    };

  fetch(url, fetchOptions)
    .<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">then</span><span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">((response) => response.text())</span>
    .<span class="hljs-title" style="box-sizing: border-box;">then</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">((responseText) => {
      callback(JSON.parse(responseText));
    })</span>.<span class="hljs-title" style="box-sizing: border-box;">done</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>;
  }
</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li></ul>

2.2 application/x-www-form-urlencoded的形式

<code class="hljs coffeescript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"> static  postFrom(url, data, callback) {
      <span class="hljs-reserved" style="box-sizing: border-box;">var</span> fetchOptions = {
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(0, 136, 0);">method</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'POST'</span>,
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(0, 136, 0);">headers</span>: {
          <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Accept'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/json'</span>,
          <span class="hljs-regexp" style="color: rgb(0, 136, 0); box-sizing: border-box;">//</span>表单
          <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Content-Type'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/x-www-form-urlencoded'</span>
        },
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(0, 136, 0);">body</span>:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'data='</span>+data+<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">''</span>
      };

      fetch(url, fetchOptions)
      .<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">then</span><span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">((response) => response.text())</span>
      .<span class="hljs-title" style="box-sizing: border-box;">then</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">((responseText) => {
        callback(JSON.parse(responseText));
      })</span>.<span class="hljs-title" style="box-sizing: border-box;">done</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>;
    }
</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li></ul>

3 NetUtil的实现

<code class="hljs scala has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
 * NetUitl 网络请求的实现
 * <span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box;">@author</span> lidong
 * <span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box;">@date</span> 2016-03-17 
 * https://github.com/facebook/react-native
 */</span>
<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'use strict'</span>;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> React, {
  Component,
} from <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'react-native'</span>;

<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">NetUitl</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">extends</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">React</span>.<span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">Component</span> {</span>

  <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//post请求</span>
  <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
  *url :请求地址
  *data:参数
  *callback:回调函数
  */</span>
  static  postFrom(url, data, callback) {
      <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">var</span> fetchOptions = {
        method: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'POST'</span>,
        headers: {
          <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Accept'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/json'</span>,
          <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Content-Type'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/x-www-form-urlencoded'</span>
        },
        body:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'data='</span>+data+<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">''</span><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//这里我参数只有一个data,大家可以还有更多的参数</span>
      };

      fetch(url, fetchOptions)
      .then((response) => response.text())
      .then((responseText) => {
        callback(JSON.parse(responseText));
      }).done();
    }
  <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
  *url :请求地址
  *data:参数(Json对象)
  *callback:回调函数
  */</span>
static postJson (url, data, callback) {
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">var</span> fetchOptions = {
      method: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'POST'</span>,
      headers: {
        <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Accept'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/json'</span>,
        <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//json形式</span>
        <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'Content-Type'</span>: <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'application/json'</span>
      },
      body: JSON.stringify(data)
    };

  fetch(url, fetchOptions)
    .then((response) => response.text())
    .then((responseText) => {
      callback(JSON.parse(responseText));
    }).done();
  }
  <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//get请求</span>
  <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
  *url :请求地址
  *callback:回调函数
  */</span>
  static  get(url, callback) {
      fetch(url)
      .then((response) => response.text())
      .then((responseText) => {
        callback(JSON.parse(responseText));
      }).done();
    }

}

module.exports = NetUitl;
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li><li style="box-sizing: border-box; padding: 0px 5px;">39</li><li style="box-sizing: border-box; padding: 0px 5px;">40</li><li style="box-sizing: border-box; padding: 0px 5px;">41</li><li style="box-sizing: border-box; padding: 0px 5px;">42</li><li style="box-sizing: border-box; padding: 0px 5px;">43</li><li style="box-sizing: border-box; padding: 0px 5px;">44</li><li style="box-sizing: border-box; padding: 0px 5px;">45</li><li style="box-sizing: border-box; padding: 0px 5px;">46</li><li style="box-sizing: border-box; padding: 0px 5px;">47</li><li style="box-sizing: border-box; padding: 0px 5px;">48</li><li style="box-sizing: border-box; padding: 0px 5px;">49</li><li style="box-sizing: border-box; padding: 0px 5px;">50</li><li style="box-sizing: border-box; padding: 0px 5px;">51</li><li style="box-sizing: border-box; padding: 0px 5px;">52</li><li style="box-sizing: border-box; padding: 0px 5px;">53</li><li style="box-sizing: border-box; padding: 0px 5px;">54</li><li style="box-sizing: border-box; padding: 0px 5px;">55</li><li style="box-sizing: border-box; padding: 0px 5px;">56</li><li style="box-sizing: border-box; padding: 0px 5px;">57</li><li style="box-sizing: border-box; padding: 0px 5px;">58</li><li style="box-sizing: border-box; padding: 0px 5px;">59</li><li style="box-sizing: border-box; padding: 0px 5px;">60</li><li style="box-sizing: border-box; padding: 0px 5px;">61</li><li style="box-sizing: border-box; padding: 0px 5px;">62</li><li style="box-sizing: border-box; padding: 0px 5px;">63</li><li style="box-sizing: border-box; padding: 0px 5px;">64</li><li style="box-sizing: border-box; padding: 0px 5px;">65</li><li style="box-sizing: border-box; padding: 0px 5px;">66</li><li style="box-sizing: border-box; padding: 0px 5px;">67</li><li style="box-sizing: border-box; padding: 0px 5px;">68</li><li style="box-sizing: border-box; padding: 0px 5px;">69</li><li style="box-sizing: border-box; padding: 0px 5px;">70</li><li style="box-sizing: border-box; padding: 0px 5px;">71</li><li style="box-sizing: border-box; padding: 0px 5px;">72</li><li style="box-sizing: border-box; padding: 0px 5px;">73</li><li style="box-sizing: border-box; padding: 0px 5px;">74</li></ul>

4. 调用方法：

4.1 get的调用方法：

<code class="hljs actionscript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">NetUtil.<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">get</span>(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"http://v.juhe.cn/weather/index?format="</span>+format+<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"&key="</span>+key+<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"&cityname="</span>+cityname,<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span>  <span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(ret)</span> {</span>
      <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//回调的结果处理;</span>
   })</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li></ul>

4.2 postJson的调用

<code class="hljs javascript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">let</span> data={<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'username'</span>:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'123'</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'password'</span>:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'123456'</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'token'</span>:<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'HSHSIHIFAUINNSNAFKSKJFNKFKFNFNFNK'</span>};
NetUitl.postJson(url,,<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span> <span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(set)</span>{</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">switch</span> (set.retCode) {
      <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">case</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"0000"</span>:
          alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"登录成功"</span>);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">break</span>;
     <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">case</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"0001"</span>:
        alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"登录失败"</span>);
          <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">break</span>;
      <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">default</span>:
      alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"登录失败"</span>);
    }
  });</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li></ul>

4.3postFrom的调用

<code class="hljs lasso has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">  <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">let</span> url <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">Global</span><span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span>LOGIN;
  <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">let</span> <span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">map</span> <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> <span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">Map</span>()
  <span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">map</span><span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span><span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">set</span>(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'username'</span>,phone);
  <span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">map</span><span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span><span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">set</span>(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'password'</span>,pwd);
  <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">let</span> sx <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> Util<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span>mapToJson(Util<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span>tokenAndKo(<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">map</span>));
  NetUitl<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span>postFrom(url,sx,function (<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">set</span>){
    switch (<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">set</span><span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span>retCode) {
      <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">case</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"0000"</span>:
          alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"登录成功"</span>);
        break;
     <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">case</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"0001"</span>:
        alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"登录失败"</span>);
          break;
      default:
      alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"登录失败"</span>);
    }
  });</code>

u010500895

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
React-Native中网络请求

转载请标明出处:http://blog.csdn.net/u010046908/article/details/50916511本文出自:【李东的博客】前几篇文章写了关于React-Native中自己遇到的this的问题和组件嵌套的问题做了总结。今天要写的是关于React-Native中的网络请求的实现。1.get的请求方式的实现 //get请求 static get(u
复制链接

扫一扫