`

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
分享到:
评论

相关推荐

    平台java前端ajax,json请求

    平台接收与处理**:在Java后端,使用如Spring MVC或Jersey等框架,可以方便地处理这些JSON请求。例如,在Spring MVC中,你可以创建一个控制器方法,使用`@RequestBody`注解来接收JSON数据: ```java @PostMapping...

    使用Ajax向PHP服务端发送请求并返回JSON数据

    总结起来,使用Ajax向PHP服务端发送请求并接收JSON数据涉及的主要步骤包括创建XMLHttpRequest对象、设置回调函数、打开连接、设置请求头、发送请求以及在服务端处理请求和返回JSON数据。理解这些步骤对于Web开发中的...

    基于JSON的AJAX请求案例

    **基于JSON的AJAX请求案例** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个页面的情况下更新部分网页的技术。而JSON(JavaScript Object Notation)是轻量级的数据交换格式,它使得...

    Json数据请求和获取实例代码

    最后,我们通过监听`onreadystatechange`事件来处理服务器的响应,如果请求成功(状态码200),我们会解析返回的JSON数据并打印出来。 对于C#等后端语言,可以使用如下的`HttpClient`类发送JSON请求: ```csharp ...

    json2 ajax返回list处理 在jsp页面 遍历

    在Web开发中,JSON(JavaScript Object Notation)和AJAX(Asynchronous JavaScript and XML)是两种常见的技术,用于实现客户端与服务器之间的数据交互。在这个场景中,JSON2库被用作JSON的一个支持库,可能是因为...

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

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

    Ajax异步请求action接受json案例

    本文将深入探讨如何利用Ajax进行异步请求,特别是针对action的调用,并接收JSON(JavaScript Object Notation)数据,最后将这些数据展示在页面上。 首先,我们需要理解Ajax的基本工作原理。Ajax的核心是...

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

    在请求到达时,可以通过`mg_read`函数读取请求体,然后调用cJSON的解析函数解析JSON数据。 - GET请求处理:对于GET请求,JSON数据通常作为查询参数传递。可以使用`mg_get_var`从URL中提取这些参数,然后解析成JSON...

    ajax请求复杂的json数据实例

    在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术是不可或缺的一部分,它允许网页在不刷新整个页面的情况下与服务器进行数据交换。本实例主要关注如何使用AJAX处理复杂的JSON(JavaScript Object ...

    前台ajax与后台json传递

    当请求状态改变时,我们检查readyState(表示请求的进度)和status(表示HTTP状态码),如果请求成功(通常200表示成功),我们通过`JSON.parse()`解析返回的Json字符串。 在后台,通常使用服务器端语言处理Json...

    AjaxJson 实例 AjaxJson

    AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术,它结合了 AJAX(Asynchronous JavaScript and XML)和 JSON(JavaScript Object Notation)的优势,使得网页可以在不刷新整个页面的情况下与服务器进行...

    lib.zip xhr,json,servlet

    在这个场景中,可能有处理JSON的库,如Gson或Jackson,帮助将Java对象转换为JSON格式,以便通过Ajax(异步JavaScript和XML,实际多用JSON)请求发送到服务器,或者将服务器返回的JSON数据解析成Java对象。...

    XHR Proxy Tool插件(chrome浏览器)

    XHR Proxy Tool是一款针对Chrome浏览器的插件,它为开发者提供了一种便捷的方式来解决跨域问题,使得开发者能够轻松地进行接口请求。 **什么是XHR?** XMLHttpRequest(XHR)是JavaScript中一个用于在后台与服务器...

    JavaScript - XHR实现短信验证码注册登录完整示例:JavaScript - XHR.js和附件说明

    JavaScript - XHR(XMLHttpRequest)是Web开发中的一个重要工具,用于在不刷新整个页面的情况下与服务器进行异步数据交换,这种技术通常被称为AJAX(Asynchronous JavaScript and XML),虽然现在XML已经不是数据...

    ajax+json实例

    在这个例子中,服务器端通过`JsonResult`返回JSON格式的用户信息,客户端通过AJAX请求获取这些信息并解析显示。 **五、总结** AJAX+JSON在.NET环境中的应用大大提高了Web应用程序的交互性和效率,减少了不必要的...

    一个简单的JSON+AJAX

    如果状态码为200,表示请求成功,我们可以使用`xhr.response`获取到JSON格式的数据,并进行解析和处理。 JSON数据通常以键值对的形式存储,如`{"key": "value"}`。在JavaScript中,可以直接将JSON字符串转换为...

    前端开源库-mock-xhr

    4. 执行测试:运行测试代码,观察模拟的XHR请求是否按预期工作。 5. 清理:测试完成后,记得取消拦截,以免影响其他非测试部分的正常运行。 总的来说,mock-xhr库为前端开发者提供了一种高效且灵活的手段,可以在...

    Ajax中使用JSON传输数据

    总的来说,Ajax结合JSON提供了一种高效且易于处理的客户端与服务器之间的数据交互方式。通过`json.js`和`json.jar`这样的工具,我们可以方便地在JavaScript和Java环境中进行JSON的序列化和反序列化操作,从而实现...

    ajax struts 无刷新访问后台返回json数据

    结合Struts框架,我们可以实现后端服务与前端交互,返回JSON数据,使得前端JavaScript能够动态地处理这些数据,而无需整个页面重新加载。下面我们将详细探讨这一技术。 ### 1. Ajax基础 Ajax(Asynchronous ...

    使用jquery的方式通过ajax处理json格式的数据

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,是Web服务和客户端之间交换数据的常用方式。 首先,让我们了解jQuery中的$.ajax()函数,它是处理...

Global site tag (gtag.js) - Google Analytics