私は本質的に json オブジェクトを文字列の入力をより簡単にするこの小さなパーサーを作成しています。ご覧のとおり、2 つの入力フィールドがあり、最初のフィールドをテーブル名に使用し、次のフィールドをデータ ページとして使用します。私は非常に単純なものから始めているので、これが複雑な例ではうまくいかないことはわかっています。それは後ほど。{} がいくつか欠けているようですが、後で追加します。しかし、基本的に私の小さなパーサーは次のように吐き出します。
{pizzas:[
size:"large";toppings:"sausage"; ]
}
しかし今、私は興味があります.これは技術的には機能するjsonオブジェクトですよね? 私が意味するvar「オブジェクト」。
これがエルコードです!
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Input like:<br/>
table: pizzas<br/>
data: size:"large";toppings:"sausage";<br/>
<form name="form1" onsubmit="getString(); return false;">
table name<input type="text" name="tableJob" id="tableJob" value='example: pizzas'><br/>
data<input type="text" name="dataJob" id="dataJob" value='example: size:"large"; toppings:"sausage";'>
<input type="submit" value="Submit">
</form>
<p id="myJson"></p>
<script>
var w, x, y, z;
function getString(){
x = document.getElementById("tableJob").value; //get the table from user
y = document.getElementById("dataJob").value; //get data from user
var object = '<p>{' + x + ':[<br/>' + '  ' + y + ' ]<br/>' + '}';
document.getElementById("myJson").innerHTML = object;
}
//now add object to our json page
</script>
</body>
/////////////////////////////////////////////// ////////////////////////////// これが正しい方法です:
<body>
Input like:<br/>
table: "pizzas"<br/>
data: "size":"large","toppings":"sausage",<br/>
<form name="form1" onsubmit="getString(); return false;">
table name<input type="text" name="tableJob" id="tableJob" value='"pizzas"'><br/>
data<input type="text" name="dataJob" id="dataJob" value='"size":"large", "toppings":"sausage,"'>
<input type="submit" value="Submit">
</form>
<p id="myJson"></p>
<script>
var w, x, y, z;
function getString(){
x = document.getElementById("tableJob").value; //get the table from user
y = document.getElementById("dataJob").value; //get data from user
var obj = '<p>{ ' + x + ' : [<br/>' + '  {' + y + '} ]<br/>' + '}';
document.getElementById("myJson").innerHTML = obj;
var myJsonString =
'{' + x +
':[' + '{' + y + '} ]' +
'}';
alert(myJsonString);
}
</script>
</body>