厳密な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記事」に関するすべてです。