`

XHR POSTER方式测试json请求与返回

阅读更多

 

1. Chrome上下载扩展组件XHR POSTER

下载地址:

https://chrome.google.com/webstore/detail/xhr-poster/akdbimilobjkfhgamdhneckaifceicen

 

2. 在Common Parameters中填写Url地址

本地测试地址如下:http://localhost:8080/service/request

如图:

 

3. HTTP Request Headers 中添加Header定义值

需根据不同接口要求填写,尽量富丰,最简方式为:{"Content-Type":"application/json"}

如图:


 

4. HTTP Entity Body 中添加相应接口请求内容的json信息

以获取取消息的接口为例,请求内容的json为:

{

       "cmd":"get msg",

       "cmdtype":""

}

如图:


 
5.   点击Actions里的POST按钮,执行接口请求

如图:


 
6.    在右边可查看接口返回情况,点击JSON Pretty print 格式化查看

如图:


 

  • 大小: 6.3 KB
  • 大小: 4.6 KB
  • 大小: 5.2 KB
  • 大小: 2 KB
  • 大小: 4.4 KB
分享到:
评论

相关推荐

    XHR JSON面板「XHR JSON Panel」-crx插件

    该扩展提供了一个列表,其中包含对内容类型为“ application / json”的服务器发出的所有XHR请求。 通过单击+图标扩展此类请求的详细信息时,请求网址下方将出现两个面板。 左侧是响应预览,右侧是附加到请求URL的...

    C语言的JSON解析库:cJSON 1.7.15函数说明(含 mongoose ,可用于测试POST和GET请求,纯C实现)

    C语言的JSON解析库:cJSON 1.7.15函数说明 (含 mongoose ,可用于测试POST和GET请求,纯C实现)

    XHR JSON Panel-crx插件

    该扩展提供了一个列表,其中包含对内容类型为“ application / json”的服务器发出的所有XHR请求。 通过单击+图标扩展此类请求的详细信息时,请求网址下方将出现两个面板。 左侧是响应预览,右侧是附加到请求URL的...

    xhr-json:承诺的 JSON XHR

    xhr-json 承诺的 JSON XHR。 ...xhrJson(网址,选项) xhrJson(选项) 获取给定的 URL(使用给定的选项),将响应解析为 JSON,并返回(作为承诺)。 有关选项对象,请参见 。 执照 麻省理工学院

    Linux下以C构建WEB服务同时响应XHR(XMLHttpRequest)请求

    Linux下以C构建WEB服务并响应XHR(XMLHttpRequest)请求 具体可以参见该文 http://blog.csdn.net/xxdddail/article/details/18841325

    xhr-api-example:一个示例前端,它使用 xhr 请求来测试基于 Node 的 RESTful API 的端点

    xhr-api-example 一个示例前端,它使用 xhr 请求来测试基于 Node 的 RESTful API 的端点。 有关更多信息,请参阅此 repo: 。

    XHR的简单封装xr.zip

    xr 是 XMLHttpRequest 的超简单封装,并返回 ES6 Promise。示例代码:xr.get('/api/items', {take: 5})  .then(res => console.log(res.data)); xr.post('/api/item', {name: 'hello'})  .then(res => ...

    javascript实现fetch请求返回的统一拦截

    主要介绍了javascript实现fetch请求返回的统一拦截,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    对异步请求xhr、ajax、axios、fetch的区别比较

    在浏览器中,最开始与服务器交换数据的方式则是通过XMLHttpRequest对象。【它可以使用JSON、XML、HTML和Text文本等格式发送和接收数据。】 优点: 1.不重新加载页面的情况下更新网页 2.在页面已加载后从服务器请求/...

    深入讲解xhr(XMLHttpRequest)/jsonp请求之abort

    主要给大家深入的介绍了关于xhr(XMLHttpRequest)/jsonp请求之abort的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

    cypress-xhr-responses-recording

    这是一个简单的项目,展示了一种在运行测试时将XHR响应动态保存为JSON夹具的方法,并使用这些夹具在后续测试中对请求进行存根。 它是作为中型文章的补充而创建的,您可以在此处阅读: : 要尝试此操作,请克隆项目...

    lib.zip xhr,json,servlet

    servlet+mysql+jdbc+jsp/html 获取数据库的内容,添加一个删除按钮,点击按钮就可以删除表里的数据的依赖包

    xhr:使用 XMLHttpRequest 向服务器发出请求

    安装成分 $ component install anchorjs/xhr沃洛 $ volo add anchorjs/xhr用法xhr.request()返回一个Request实例。 如果需要使用 POST 请求上传数据: var req = xhr . request ( '/upload' , 'POST' , function ( ...

    XHR

    XHR 博文链接:https://eric2007.iteye.com/blog/213570

    helper-xhr:简单的XHR Promise包装器

    所以我创建了这个miny / simple / basic xhr请求包装器。安装 npm install helper-xhr没有依赖性。 是的,它在。用法 import HttpRequest from 'helper-xhr';var xhr = new HttpRequest("POST", "/foo/bar/", ...

    python-selenium-proxy-xhr.zip

    自动化模拟浏览器,打开网站,分析所有ajax / XHR请求,包含详细的response request数据。。。就是F12以后Network中xhr显示的数据。。。 采用python browsermobproxy selenium实现 包含代码,chromedriver 、 ...

    自己封的XHR,实现JAVA与JS直接通信

    自己封的XHR,实现JAVA与JS直接通信,起到连接JAVA与JS的桥梁,使用方法直接在JS中引入XhrAjax.js,传入参数带回返回值即可,但是要注意回调的时候要eval()激回一下返回值!

    jQuery在header中设置请求信息的方法

    beforeSend: function(xhr){xhr.setRequestHeader('X-Test-Header', 'test-value');},//这里设置header success: function() {} }); 也就是setRequestHeader函数 如何在ajax请求中设置特殊的Requ

    Ajax-xhr.js.zip

    Ajax-xhr.js.zip,js是使用xmlhttprequest发出ajax/http请求的库()。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新...

Global site tag (gtag.js) - Google Analytics