[{"a":"hello","b":"world","c":"ITjob","d":"Good"},{"a":1,"b":2,"c":3,"d":4},{"a":1,"b":2,"c":3,"d":4}]
<SCRIPT LANGUAGE="JavaScript">
<!--
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { // 如果可以取得XMLHttpRequest
xmlHttp = new XMLHttpRequest(); // Mozilla、Firefox、Safari
} else if (window.ActiveXObject) { // 如果可以取得ActiveXObject
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE
}
}
function test(){
if(!check()) return
createXMLHttpRequest();
xmlHttp.open("POST", "abc.json",true);
xmlHttp.onreadystatechange =doIt;
xmlHttp.send("a=1&b=2"); // xmlHttp 异步提交
}
function doIt(){
if (xmlHttp.readyState == 4) {
if(xmlHttp.status==404){
alert("没有找到资源");
return;
}
var re=eval("("+xmlHttp.responseText+")");
var row=0;
for(var r in re){
row++;
var col=1;
for( var c in re[r]){
//alert("t"+row+(col++));
document.getElementById("t"+(row)+(col++)).innerText=re[r][c];
}
}
}
}
function check(){
var form=document.getElementById("myForm");
var sname=form.sname.value;
if(sname=="") {
alert("必须填");
return false;
}
return true;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST id="myForm" ACTION="abc.html" onsubmit="javascript:return false;">
<INPUT TYPE="text" NAME="sname"><br>
<INPUT TYPE="submit">
<INPUT TYPE="button" VALUE="Click" ONCLICK="javascript:test();">
</FORM>
<TABLE border="1" width="300px;">
<TR>
<TD id="t11">11</TD>
<TD id="t12">11</TD>
<TD id="t13">11</TD>
<TD id="t14">11</TD>
</TR>
<TR>
<TD id="t21">2</TD>
<TD id="t22">2</TD>
<TD id="t23">3</TD>
<TD id="t24">2</TD>
</TR>
<TR>
<TD id="t31">2</TD>
<TD id="t32">2</TD>
<TD id="t33">3</TD>
<TD id="t34">2</TD>
</TR>
</TABLE>
</BODY>
</HTML>