jsonの原理分析とサンプル紹介_javascriptスキル

今回は、プロジェクトのフロントエンドとバックエンドの間のデータ対話に json が使用されました。この期間の使用を経て、json の概要と概要を理解しました。
JSON: JavaScript オブジェクト表記法。
JSON は、テキスト情報を保存および交換するための構文です。 XML に似ています。
JSON は XML よりも小さく、高速で、解析が簡単です。
XML と同様、JSON もプレーン テキスト ベースのデータ形式です。 JSON は本質的に JavaScript 用に用意されているため、JSON のデータ形式は非常に単純です。JSON を使用して、単純な文字列、数値、ブール値、配列、または複雑なオブジェクトを送信できます。
まず、コントローラー内のコードを見てください。注目すべき主な点は、データベースからクエリされたデータがどのように json 形式で出力されるかを確認することです。
[java]

コードをコピー コードは次のとおりです。

@RequestMapping( "/work /plan/checkSubmitForApproval")
public void checkSubmitForApproval(String planId,HttpServletRequest request,HttpServletResponse response) throws UnsupportedEncodingException{
String result="{"result":"faild","personSituation":"null "}" ;
HttpSession session = request.getSession();
String IndustryID = (String) session.getAttribute("industryID"); if(industry .getType().equals("XXX")){
try {
boolean flag = false;
IProjectMain yearPlan = projectPlanService.findProjectPlanById(planId);
List = sysStaffService.getStaffByPlanId(planId, IndustryID);
for(int i=0;iif(listStaffInfo.get(i).getPractitionersPost().equals(StaffRole) .PROGECTMANAGER.toString())){
flag = true;
}
}
if(flag == true){
result="{"結果":"成功", "personSituation" :"" yearPlan.getperson_Situation() ""}";
}else{
result="{"result":"success","personSituation":"" yearPlan.getperson_Situation() "" ,"isManager ":"false"}";
}
} catch (Exception e) {
result="{"result":"falid"}";
throw new PlatformException(e );
}finally{
OutputUtils.write(response,result,"text/x-json;charset=UTF-8");



最初に PutputUtils と入力します コード

を書き込みます:
[java]

コードをコピー コードは次のとおりです: public static void write(HttpServletResponse 応答, String text, String contentType)

{

PrintWriter out=null;
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setContentType(contentType); >{
out = response.getWriter();
out.write(text);
}
catch (IOException e)
{
Logger.getLogger(OutputUtils.class) .error(e.getMessage(), e);
}finally{
if(out!=null){
out.close(); }
}
}


このアイデアは、応答のプリントライターを取得し、そこに出力する情報を設定することです。インターフェイス層で jquery の Post を使用して、返される情報を確認します。
[javascript]




コードをコピー

コードは次のとおりです:

function distribution(){ var dplanId = $(".currli").attr("id"); if(dplanId != "") { $.ajax({ type : "POST", url : 検証用アクション URL,

dataType : "json",

success : function(data) {
//HAVE にはステータスが割り当てられます
if (data.result == "success" && data.personSituation == "UNHAVE") {
with (document.getElementById("planForm")) {
action=検証後に送信される URL;
method="post";
}


ここで、success: function(data) は、上記の検証アクション メソッドが成功した後に実行される操作であるコールバック関数です。ここをクリックすると、jquery の使用方法の詳細が表示されます。 >jquery の投稿送信を理解していない学生は、ここをクリックして学習してください。
ajax と jquery の歴史については、非常にわかりやすく書かれている Wikipedia を参照することをお勧めします。
jquery はすでにカプセル化されています。レスポンスからデータを取得するため、ここで使用すると非常に便利で、xml から少しずつ読み込む煩わしさがなくなり、開発に大きな利便性をもたらします
。