如何在浏览器中使用 json 数据模拟 REST 发布请求答案

【问题标题】：How can i simulate REST post request with json data in browser如何在浏览器中使用 json 数据模拟 REST 发布请求
【发布时间】：2014-01-04 15:05:12
【问题描述】：

我的 Web 应用程序的前端位于 ExtJS，后端位于 PHP。

表单是在 Extjs 中构建的，它向服务器发出 PUT 和 POST 请求以保存数据。

josn数据是这样贴出来的

{"id":"101","description":"user1","active":true}

现在为了调试，我想直接在browser 中调用这个URL，这样我就可以使用var_dump 来获取有用的消息。

由于请求是Extjs的AJAX，所以很难通过firebug看到消息。

有没有办法从浏览器发出这个请求并在 html 中查看响应。

我不想制作表格。

【问题讨论】：

【解决方案1】：

如果您使用的是 Google Chrome，则可以使用 Postman Extension。它允许您发送几乎任何类型的数据并查看结果。

【讨论】：

我安装了扩展，但是我可以在哪里粘贴 json 数据
输入服务的 URL 后（要在其中 POST 或 PUT JSON，选择下方的 RAW 按钮（还有 form-data、x-ww-form-urlencoded 和 binary )，然后在它旁边的下拉列表中选择 JSON。准备好提交后点击发送。
我在使用该工具时收到此错误&quot;txt&quot; 不支持格式

【解决方案2】：

对于 Firefox，您可以使用 restclient 插件。它也非常易于使用且用户友好。

另外，如果您知道curl，您可以通过 PHP 以编程方式完成。

【讨论】：

【解决方案3】：

如果通过 extjs 中的store 发出请求，您可以使用Ext.getStore 查找存储并创建全局变量。然后你就可以在控制台中操作这个全局变量了。

即在控制台中写入以下内容

var s = Ext.getStore('myStore')

然后在触发后你现在可以在控制台中操作这个全局

s.proxy.extraParams.myChangedValue = 'newValue'

s.load()

服务器的响应将在 chrome 浏览器的网络面板中或使用 firefox 的 firebug 扩展。您还可以将callback 或listener 添加到load 事件到console.log() 框架解析的内容。

【讨论】：

【解决方案4】：

另一种选择是 Chrome 的Advanced REST Client App。它没有邮递员扩展那么强大，但我认为它更容易使用。

【讨论】：

【解决方案5】：

如果您与 curl 关系良好，您可以直接将其与 -d (--data) 选项一起使用：

curl -X GET -H "Content-Type: application/json" -d @data.json localhost:8080/path/to.json

data.json 是一个 JSON 文件。

无论如何，扩展的表示可能更直观和可读。

【讨论】：