Jsonsの簡単な紹介と使用教程

JSONの簡単な紹介
まず、jsonとは何かを答えましょう.
   JSON(JavaScript Object Notation)は、軽量級のデータ交換フォーマットです.JSONは完全に言語と独立したテキスト形式を採用しており、これらの特性はJSONを理にしています. 思ったデータは言語を交換します.読みやすいし、書きやすいし、機械の解析や生成もしやすいです.簡単に言えば、JSONは、JavaScriptオブジェクトに表示されるデータのセットを変換することができる. 文字列として、この文字列は関数間で簡単に伝えられます.あるいは非同期アプリケーションでWebクライアントからサーバ端末プログラムに文字列を伝えられます.この文字列はちょっと変わっていますが、JavaScriptは説明しやすく、JSONは「名前／値ペア」より複雑な構造を表しています.たとえば、配列および複雑なオブジェクトを表すことができ、キーおよび値の単純なリストだけではない.
なぜ私達はjsonデータを使いますか?
 json.orgは簡潔で効果的なデータキャリアであり、複雑なjsオブジェクトを文字列で表す方式であり、バックエンドが生成しやすく、フロントエンドが説明しやすいので、以前の複雑なビュー解析が簡単になり、多くのリソースの浪費が大幅に減少しました.
Jsonを使うとどんなメリットがありますか?
  1は、伝送に便利で、冗長性の少ない文字です.もちろん直接バイナリを伝えるのが一番いいですが、解決しにくい問題があります.xml、純粋な文字列でもいいです. 方式ですが、jsonには独自のメリットがあります.googleは自分の協議があります.protobufといいます.興味があれば、調べてみてください.
  2,変換しやすいです.多くのjsonアプリはjson文字列を対象に変換し、対象をjson文字列に変換する方法を提供しています.
  3読みやすいです.jsonコードの良好な構造は、保存されている内容を直感的に知ることができます.
          Jsonを使う詳細手順
 第一歩:Jacksonパッケージサポートを導入し(reponsebodyを使用すると、クラスのオブジェクトをjson形式のデータに変換するには、このパッケージのサポートが必要です)、pom.xmlファイルに導入すればいいです.
ステップ2:jspページでAjax要求を作成し、データベースに送信する.

	$.ajax({
				type:"get",
				url:"${jsp}/Comm/ajax",
				data:{"id":id},
				success:function(data){
					
				}
			});

第3歩:対応するcontroller類の方法を編纂して覚えています.
レスポンスbodyコメント

@RequestMapping("ajax")
	@ResponseBody
	public JsonMsg ajax1(@RequestParam(value = "id", defaultValue = "1") String pn,Model model){
		List list=comm.ajax(pn);
		for (Comment comment : list) {
			String op=comment.getOrder().getoServicetype();
			String opp=com.servertype(op);
			comment.getOrder().setoServicetype(opp);
			String oop=comment.getOrder().getoShoping();
		String oopp=mok.oshing(oop);
		comment.getOrder().setoShoping(oopp);
			
		}
		return JsonMsg.success().add("list",list);
	}

ステップ4:復帰JsonMsgエンティティ類を作成する

package com.zhiyuan.bean;

import java.util.HashMap;
import java.util.Map;

/**
 *      ，          
 * 
 * @author Frank
 *
 */
public class JsonMsg {
	// 666   ，444   
	private int code;
	//     
	private String msg;
	//              
	private Map ReturnData = new HashMap();

	/**
	 *             
	 * @return
	 */
	public static JsonMsg success(){
		JsonMsg msg = new JsonMsg();
		msg.setCode(666);
		msg.setMsg("    !");
		return msg;
	}
	/**
	 *             
	 * @return
	 */
	public static JsonMsg fail(){
		JsonMsg msg = new JsonMsg();
		msg.setCode(444);
		msg.setMsg("    !");
		return msg;
	}
	/**
	 *               
	 * @return
	 */
	public JsonMsg add(String arg0,Object arg1){
		this.getReturnData().put(arg0, arg1);
		return this;
	}
	public int getCode() {
		return code;
	}
	public Map getReturnData() {
		return ReturnData;
	}
	public void setReturnData(Map returnData) {
		ReturnData = returnData;
	}
	public void setCode(int code) {
		this.code = code;
	}

	public String getMsg() {
		return msg;
	}

	public void setMsg(String msg) {
		this.msg = msg;
	}

}

最後に、私達はAjaxでjsonデータを受信して、そして解決してウェブページに表示することができます.

$.ajax({
				type:"get",
				url:"${jsp}/Comm/ajax",
				data:{"id":id},
				success:function(data){
					$.each(data.returnData.list,function(Xiabiao,emp){
						$("#name").text(emp.commentName);
						$("#commentEvaluateTime").text(emp.commentEvaluateTime);
						$("#commentGrade").text(emp.commentGrade);
						$("#oShoping").text(emp.order.oShoping);
						$("#oServicetype").text(emp.order.oServicetype);
						$("#oMoney").text(emp.order.oMoney);
						$("#commentContent").text(emp.commentContent);
						$('#myModal5').modal({
							  keyboard: false
							})
					})
				}
			});