春 - ウェブページ

Question

にJSON応答から私は春に単純なサービスを構築しています：

[{"id":2,"name":"John"},{"id":3,"name":"Jack"},{"id":4,"name":"Sam"}] 

このサービス：私は、対応するURLを起動すると

@RequestMapping(value = "/list", method = RequestMethod.GET) 
public @ResponseBody List<Person> eventList() throws ParseException { 
    return personDAOImpl.list(); 
} 

が、私はこのようなJsonObjectリストを参照してくださいモバイルアプリ（この場合はJsonレスポンスの使い方を知っています）とブラウザの両方から呼び出されるので、/ listサービスがJsonを返すようにします。

ブラウザにURL（localhost：8080/myproject/eventListと入力）を書くと、画面に表示されている前述のJson Stringが取得されます。

jspを使用した場合のように、ユーザーフレンドリーなインターフェースをユーザーに表示する方法を教えてください。

ps：jspページを（ModelAndViewを使用して）正常に返すサービスを既に使用していて、その項目を含む表が表示されますが、jsonレスポンスを取得し、クライアント（Webブラウザまたはモバイルアプリ）に応じて異なる方法です。

ありがとうございます！

Answer 1

APIにリクエストを行うクライアントアプリを作成することができます。using JavaScript例えば

、

1. はlocalhost：8080/JSP/homeはJSPページホームを返します。
2. ホームページでは、JavaScriptを使用してlocalhost：8080/myproject/eventListに対してAJAXリクエストを行い、JSONオブジェクトを受け取ります。 jQuery.get()
3. ホームページには、JavaScriptにいくつかの視覚的要素がhtmlに追加されています。 jQuery.append()

それだけです。