📄 副本 json.htm
字号:
<html xmlns ="http://www.w3.org/1999/xhtml" >
<head>
<title>用json代替xml</title>
<script type="text/javascript" src="json.js"></script>
<script type="text/javascript" src="myJson.js"></script>
</head>
<script type="text/javascript" language="javascript">
var xhr;
function createXmlHttp()//创建XmlHttRequest对像
{
if(window.ActiveXObject)
{
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xhr=new XMLHttpRequest();
}
}
function stateChange()
{
if(xhr.readyState==4)
{
if(xhr.status==200)
{
parseResults();
}
}
}
function parseResults() {
var responseDiv = document.getElementById("serverResponse");
if(responseDiv.hasChildNodes()) {
responseDiv.removeChild(responseDiv.childNodes[0]);
}
var responseText = document.createTextNode(xhr.responseText);
responseDiv.appendChild(responseText);
}
function doJson()
{
var carAsJson={Year:'1990',Color:"red"}
var caj=JSON.stringify(carAsJson);
alert(caj);
var url="Default.aspx?time="+new Date().getTime();
createXmlHttp();
xhr.open("POST",url,true);
xhr.onreadystatechange=stateChange;
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(caj);
}
</script>
<body >
<input type="button" value="提交" onclick="doJson()" />
<div id="serverResponse" style="border-right: silver thin solid; border-top: silver thin solid; border-left: silver thin solid; border-bottom: silver thin solid;">
</div>
<br />
<table style="width: 300px">
<tr>
<td style="width: 60px">
用户名:</td>
<td style="width: 70px">
<input id="Text1" type="text" /></td>
<td ><div id="user"></div>
</td>
</tr>
<tr>
<td style="width: 60px">
密 码:</td>
<td style="width: 70px">
<input id="Password1" type="password" /></td>
<td ><div id="pass"></div>
</td>
</tr>
<tr>
<td style="width: 60px">
</td>
<td align="center">
<input id="Button1" type="button" value="提交" onclick ="valUser()" /></td>
<td >
</td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -