新手问题 如何提交表单并解析返回的 JSON 数据

kirineko · 2016年05月05日 · 最后由 watraludru 回复于 2016年05月05日 · 3117 次阅读

我写了一个表单页面,通过表单 POST 方式,向一个第三方 API 发出请求,API 对应的 Action 处理请求之后返回了 JSON 数据;此时我的表单页面怎样能够解析这些 JSON 数据并在前端页面上显示出来??有没有什么例子。

没有做过前端,不知道具体该怎么处理,感觉应该是 AJAX 的内容。

  • 方法一,直接向自己后台应用服务器发送 POST 请求,然后由其转发给第三方 API,之后就像常规 Rails 操作那般进行重定向即可
  • 方法二,利用 ajax,基本流程如下(谷歌关键词:ajax form submit):
    • 绑定 form 的 submit 事件
    • 在 submit 事件中,构造表单数据(根据具体情况,没啥要求直接 new FormData(this) 就行),然后填充参数并发起 ajax 请求,在 ajax 对应的回调函数中操作 DOM 以在前端页面进行展示
    • 调用 preventDefault 函数以阻止默认行为(jQuery 可以直接 return false)
需要 登录 后方可回复, 如果你还没有账号请 注册新账号