厳密なJS言語について(ただし、まだ使用する必要があります)-Tucaoの記事

厳密なJS言語について(ただし、まだ使用する必要があります)-Tucaoの記事


非同期リクエスト、同期リクエスト、バックグラウンドデータリターン、フロントエンドデータレンダリング!
どのようなワークフローやメソッドが実装されていても、データの処理にjsを使用することは避けられません。
このようにして、getDataからバックグラウンドに固定形式でresultDataを返した後、フロントエンドはjs処理を実行してページをレンダリングします。
そして、それを扱うと、様々なバルブにスプレーする人のあらゆる種類のバグに遭遇します。

最終的な分析では、技術的リテラシーだけでは十分ではありません。何も言わずに、ブラシを開けるだけ!


今日は命を救う(๑´ᴗ‵๑)ILᵒᵛᵉᵧₒᵤ❤、私は将来あなたを扱います


質問:バックエンドがjsonデータを返し、フロントエンドjsがDOMのレンダリングに失敗しました。なぜ失敗したのですか?

  • 良いことは言うまでもなく、waveを整理してください、それはjsの問題です!
  • ???
  • なぜjsはこのように使用されるのですか?それは前任者の発明ではなく、ルールは真実のように存在していました。誰が誰を知っているかを発明する。
  • 使ってみます!使用しない場合はどうすればよいですか?
  • 出された。
  • OK、ちょうどそのように、頭を下げてやってください。

バックエンドから返されたJSONデータ:

{"data":[{"children":[{"children":[{"children":[],"columnEnglish":"/column/kaoshijingyan.html","contentUrl":"","formId":"7","id":"28","name":"考试经验","templatePath":""},{"children":[],"columnEnglish":"/column/fudaojinghua.html","contentUrl":"","formId":"7","id":"29","name":"辅导精华","templatePath":""}],"columnEnglish":"/column/baokaozhinan.html","contentUrl":"","formId":"1","id":"26","name":"报考指南","templatePath":""},{"children":[{"children":[],"columnEnglish":"/column/hangyedongtai.html","contentUrl":"","formId":"7","id":"30","name":"行业动态","templatePath":""},{"children":[],"columnEnglish":"/column/hangyefazhan.html","contentUrl":"","formId":"7","id":"31","name":"行业发展","templatePath":""}],"columnEnglish":"/column/hangyezixun.html","contentUrl":"","formId":"1","id":"27","name":"行业资讯","templatePath":""}],"columnEnglish":"/column/kaoshijiayouzhan.html","contentUrl":"","formId":"1","id":"25","name":"考试加油站","templatePath":""}]}

簡略化されたフォーマット:

{
  "data": [
    {
      "name": "考试加油站",
      "formId": "1",
      "id": "25",
      "children": [
        {
          "name": "报考指南",
          "id": "26",
          "children": [
            {
              "id": "28",
              "name": "考试经验",
            },
            {
              "id": "29",
              "name": "辅导精华",
            }
          ]
        },
        {
          "name": "行业资讯",
          "id": "27",
          "children": [
            {
              "name": "行业动态",
              "id": "30",
            },
            {
              "name": "行业发展",
              "id": "31",
            }
          ]
        }
      ]
    }
  ]
}


js非同期コード:


$.ajax({ 
	        type:"get", //提交方式
	        data:{ "id" : id}, //查询的参数
	        url: tagurl, //提交的路径
	        dataType:"json", //返回的类型  是Text文本
	        success:function(data){
	        	var dd = data.data[0].children[0].name;
	        	//var daaa = JSON.stringify(dd);//=================
	        	//console.log(daaa)//==========================
		        if(data==0) {
		            console.log("不可以使用");
		        }else{
//		            console.log("可以使用");
		            //获取需要的数据
			        var group = data.data ;
			        //拼接字符串
				    var str = '';
				    //对数据做遍历,拼接到页面显示
				    
//			        for(var i=0;i<group.length;i++){
//			        	
//				        str += '<a class="mui-btn gzbg" onclick="webjsp(' 
//				        + group.children.children[i].id
//				        +','
//				        +' "tag")'
//				        +' " id="gzbg_'
//				        + group.children.children[i].id
//				        +' ">'
//				        + group.children.children[i].name
//				        +'</a>';
//			        }
			        
			        //放入页面的容器显示
			        $('#tagjsp').html(str);
		        }
		    }
	    });


上記は、「JS言語は厳密ではありません(ただし、使用する必要があります)-Tucao記事」に関するすべてです。

元の記事を507件公開 賞賛された203件 147万回の閲覧+

おすすめ

転載: blog.csdn.net/qq_35393869/article/details/105557626