cp from : https://blog.csdn.net/xiao_chun5316/article/details/48164435

关于superagent,这次写react组件,发送请求都用的superagent,这里分享一下基本使用方法以及遇到的问题。服务器端客户端都可以用,很方便。
它是为nodejs里一个比较方便的客户端请求代理模块。可以处理get,post, put, delete, head等请求,支持绝对路径,支持链式调用。
 
1. 请求基础
request对象,请求方式,参数设置,最后end(callback)结尾。
super agent遇到end才真正发出请求。
 
以一个简单的GET request为例(默认请求方式为get)
request.get(‘/detail')
           .end(function(err,res){     
           // …发起请求后的回调处理
});
请求方法可以通过参数来传递:
request(‘GET’, ‘/detail’).end(callback);
其他请求方式,POST,HEAD,等等都可以用,注意delete由于是保留字,所以调用时应该用 del(‘detail')
 
2. 设置头字段
使用set(’name’, ‘value’)即可,如果想同时设置多个,可以直接传递一个对象进来,例子如下:
request
   .post('/search')

   .set({ 'API-Key': 'foobar', Accept: 'application/json' })

   .end(callback);
可以看到请求头部如下:
 
3. 关于get 请求
.query( )形成query-string,方式的话,有三种
a. 连续写多个.query()
b. 请求放在一个对象里
c. 完全query字符串形式
d. 字符串拼接
例子:
request

  .get('/search')
.query({ query: 'Manny' })
.query({ range: '1..5' })
.query({ order: 'desc' })
  .end(function(res){
  });
or .query({ name: 'Mary’, age: '25', order: 'desc' });
.query('name=Mary&age=25&order=desc’);
.query('name=Mary’)
.query('age=25')
.query(‘order=desc')
4.关于post请求
发送post,设置合适的Content-type,写入一些数据,end
由于json比较通用,作为默认的content-type值。
a. 例子如下:
request.post('/user')
    .set('Content-Type', 'application/json')
   
.send('{"name":"tj","pet":"tobi"}')
b. 也支持form格式,
 设置:
request. post('/user')
     .type('form')
     .send({name: 'mary' })
如果在post情况下,发送字符串的话,将设置Content-typeapplication/x-www-form-urlencoded
例子:
.send('name=tj')
.send('pet=tobi')
请求会这样:
上面两种结果是一样的。
 
5. 可以设置接收类型
关键字:accept
request.get('/user')
   .accept('application/json')
 
6. 支持文件上传
nodejs客户端通过Formidable模块来支持multipart/form-data类型,当解析一个multipart响应时,res.files属性就可以用,可以获取file的路径,内容,等等
 
7.可以用field支持多种类型数据上传
在http请求中,可以看到这些数据是放在request payload部分的,
使用方法:
.field('name', value);
 
8.attach
添加多个附件也比较简单,只需要给附件提供自定义的文件名称,同样的基础名称也要提供.
.attach(name, [path], [filename])
9. piping 管道数据
使用请求流来输送数据,请求一个文件作为输出流,或者发送一个响应流到文件中。
var request = require('superagent')
  , fs = require('fs');

var stream = fs.createReadStream('path/to/my.json');
var req = request.post('/somewhere');
req.type('json');

stream.pipe(req);
 
var request = require('superagent')
  , fs = require('fs');

var stream = fs.createWriteStream('path/to/my.json');
var req = request.get('/some.json');

req.pipe(stream);
 
10.response
如果有err返回,那就有两个参数,一般只有一个res。
res格式:
 
当产生一个4xx或者5xx的http错误响应,res.error提供了一个错误信息的对象。正常情况下,返回的数据在res.body中,可以进一步处理。
 
这次写组件,遇到的主要问题就是,传递的参数格式不正确,以及对res对象属性的错误调用,好好查看http请求,以及返回数据,其实还是之前接触的少,熟练了就不会被卡住了。

[Web 前端] superagent-nodejs处理请求的模块的更多相关文章

  1. [Web 前端] SuperAgent中文使用文档

    cp from : https://blog.csdn.net/gebitan505/article/details/58585846 superagent是nodejs里一个非常方便的客户端请求代理 ...

  2. 如何提升Web前端性能?

    什么是WEB前端呢?就是用户电脑的浏览器所做的一切事情.我们来看看用户访问网站,浏览器都做了哪些事情:输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 ...

  3. 如何从请求、传输、渲染3个方面提升Web前端性能

    什么是WEB前端呢?就是用户电脑的浏览器所做的一切事情.我们来看看用户访问网站,浏览器都做了哪些事情: 输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 ...

  4. nodejs基础 用http模块 搭建一个简单的web服务器 响应JSON、html

    前端在开发中,大多会想浏览器获取json数据,下面来用nodejs中的http模块搭建一个返回json数据的服务器 var http = require("http"); var ...

  5. nodejs基础 用http模块 搭建一个简单的web服务器 响应纯文本

    首先说一下,我们平时在浏览器上访问网页,所看到的内容,其实是web服务器传过来的,比如我们访问www.baidu.com.当我们在浏览器地址栏输入之后,浏览器会发送请求到web服务器,然后web服务器 ...

  6. web前端安全 XSS跨站脚本 CSRF跨站请求伪造 SQL注入

    web安全,从前端做起,总结下web前端安全的几种技术: 1,XSS XSS的全称是Cross Site Scripting,意思是跨站脚本,XSS的原理也就是往HTML中注入脚本,HTML指定了脚本 ...

  7. 请求筛选模块被配置为拒绝包含双重转义序列的请求(.net core程序的‘web.config’调整)

    之前项目有一个静态文件特殊字符转义的报错(+变为 %2B),老是显示404  请求筛选模块被配置为拒绝包含双重转义序列的请求  .网上的大多数解决方案都是一下: https://www.cnblogs ...

  8. 淘宝前端工程师:国内WEB前端开发十日谈

    一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是" ...

  9. web前端学习路线与书籍推荐

    什么是web前端? 在以前,通俗的讲是网页制作,在现在,哼哼,可以参考这篇文章 http://tieba.baidu.com/p/4817153404 那么如果高效优雅的学习web呢? 注:以下纯属个 ...

随机推荐

  1. 二维码生成delphi版

    二维码生成delphi版 生成二维码的软件,代码从C语言转换过来(源地址:http://fukuchi.org/works/qrencode/),断断续续的差不多花了一周时间来转换和调试.在转换过程中 ...

  2. Chrome浏览器被hao123劫持,浏览器主页会被篡改为 hao123等

    先放一个知乎帖子: https://www.zhihu.com/question/21883209 我就只放几个有效解决办法了,具体的可以看上边那个帖子 方案一:     删掉桌面上的chrome图标 ...

  3. Java反射1——扫描某个包下的所有类

    1.从包package中获取所有的Class /** * 从包package中获取所有的Class * * @param pack * @return */ public static Set< ...

  4. 单页面vue引入百度统计的使用方法!

    最近组长安排着做一个项目,h5的应用下载项目,想着做起来还是比较容易,可是看到提出的需求,我就有点懵逼了!需要对应用的下载进行统计!!!我当时就想着我前端怎么对页面点击按钮就行数据统计啊!我以前的项目 ...

  5. 快速沃尔什变换与k进制FWT

    这是一篇用来卖萌的文章QAQ 考虑以下三类卷积 \(C_k = \sum \limits_{i \;or\;j = k} A_i * B_j\) \(C_k = \sum \limits_{i\;an ...

  6. [HDU2874]Connections between cities

    思路:LCA裸题.本来是帮pechpo调错,结果自己写了半天… 设$dis_x$是点$x$到根结点距离,不难想到两点$u$.$v$之间最短距离等于$dis_u+dis_v-dis_{LCA(u,v)} ...

  7. android.intent.category.DEFAULT

    我们需要什么时候加android.intent.category.DEFAULT呢? 1.要弄清楚这个问题,首先需要弄明白什么是implicit(隐式) intent什么是explicit(显示) i ...

  8. 喵哈哈村的魔法考试 Round #5 (Div.2) 题解

    老规矩 有问题直接联系我:475517977@qq.com A 直接暴力的for一遍,统计连续的有多少个就好了.模拟题. #include<bits/stdc++.h> using nam ...

  9. Codeforces Round #371 (Div. 1) C. Sonya and Problem Wihtout a Legend 贪心

    C. Sonya and Problem Wihtout a Legend 题目连接: http://codeforces.com/contest/713/problem/C Description ...

  10. POP3_关于 multipart/related;boundary=

    http协议对mime类型有详细描述,multipart/....是单个消息头包含多个消息体的解决方案.multipart媒体类型对发送非文本的各媒体类型是有用的.目前常用的有这些subtype: M ...