如何在JavaScript中使用JSfiddle回显功能?

时间:2018-06-25 10:01:54

标签: javascript jquery json echo jsfiddle

在JS小提琴下方是页面加载完成后的示例回显功能。我们从json响应中获得了值1。

JSFiddle

而且,我正在尝试添加用户名和emailid并获取响应。但是我遇到了类似的错误

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

这是我的小提琴OwnJSFiddle

有人可以帮助解决此问题吗?我想通过echo / json添加名称和emailid并获得响应并以html显示。

1 个答案:

答案 0 :(得分:1)

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

  

jQuery版本

JSFiddle

在这个小提琴中,我向您的表单添加了一个submit事件监听器。

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

稍后,我在您的JSON对象上使用JSON.stringify()


  

Vanilla JS版本

JSFiddle

在这个小提琴中,我使用XHR request来实现相同的目的。

如果对/echo/json/使用XHR请求,则即使使用application/x-www-form-urlencoded,也需要使用POST标头并将参数字符串化为URL。


我要说的问题是,您试图同时通过$.ajax()submit进行POST。