BaiduのエディタはJsonオブジェクトから値を取り、最初のレンダリングを完了し、エディタ内で表を描きます。
2002 ワード
初めて企業級の応用をします。論理を明確にしなければならないし、以前とは違った概念がたくさんあります。Baiduのエディタでは、どうやってサーバから値を取ることができますか?ここではまずconsone.log(editor)が必要です。公式APIでは、書き込みの方法はset Content()であると教えられていますが、ここでは最終的に頑張った文字列が入ってきます。すなわち初期化中に、私たちが欲しいノードを描いてもいいです。またsend()が完成したら、オンレディシステムのtechange=function(){}は、先にAJAXのコードを書きます。このAJAXは遊覧器の互換性をなくすために、ニコラスの本から学んだのです。
function AJAX() {
if (typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else if (typeof ActiveXObject != "undefined") {
if (typeof arguments.callee.activeXString != "string") {
var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"];
for (var i = 0, len = versions.length; i < len; i++) {
try {
var xhr = new ActiveXObject(versions[i]);
arguments.callee.activeXString = versions[i];
return xhr;
} catch (ex) {
}
}
}
return new ActiveXObject(arguments.callee.activeXString);
} else {
throw new Error(" ");
}
}
はJSONデータセットで、key valueのデータセットであることを知っています。私たちはサーバーからJsonオブジェクトを取る時、それを解析してから作成します。私たちが必要なDOMノードです。例えば、次のペアのJSONデータセット。
{
"head":{
"rows":3,
"cells":2
},
"body":{
"rows":3,
"cells":2
}
}
続いて、私達が取得したデータはレスポンスTextに格納されていますので、変数を設定して受け入れる必要があります。このようにvar a=eval("+"+xhr.reponseText+"));このステップになると、私たちはJsonの対象全体をサービスから取り出しました。続いてfor inします。Jsonオブジェクトに格納されているデータを取ることができます。
for (var b in a) {
console.log(a[b].rows);
}
//for in Json ,b key 。
は、特定のJSONデータセットを取得すると、ノードの文字列を+=でつづり、+=でつづり、上下から判断、ループ、いずれも可能であり、最初に空変数を設定するだけで受信できる。最後のステップ、editor.set Contenntit(Json);つまり、エディタはエリアの初期化を編集し、サービスから値を取ってノードをレンダリングすることができます。仕事に精を出し,遊びにふけっている。行動が思いどおりになり,毀れて勝手になる。新人の成長は、まとめにあります。すべての文章と例は、自己総括だけで、学習交流だけです。