如何在 javascript 中使用 JSfiddle 回显功能？

Question

下面的 JS fiddle 是页面加载完成的示例回显功能。我们从 json 响应中获取值 1。

JSFiddle

而且，我正在尝试添加用户名和电子邮件 ID 并取回响应。但是我收到类似

的错误

{"error":"key missing: title"}

这是我的fiddleOwnJSFiddle

有人可以帮助解决这个问题吗？我想通过 echo/json 添加 name 和 emailid 并得到响应并显示在 html.

Answer 1

我找到了解决方案，但我不得不修改您的代码以使其工作方式有所不同。

jQuery Version

JSFiddle

在此 fiddle 中，我向您的表单添加了一个 submit 事件侦听器。

我使用 e.preventDefault() 来防止默认提交操作。

稍后，我在你的 JSON object 上使用 JSON.stringify()。

---

Vanilla JS Version

JSFiddle

在这个fiddle中，我用XHR request实现了同样的事情。

如果对 /echo/json/ 使用 XHR 请求，您需要使用 application/x-www-form-urlencoded header 并将参数字符串化到 URL 中，即使它是 POST请求。

---

我会说问题是您试图同时通过 $.ajax() 和 submit POST。