副本 json.htm

来自「Ajax+Json」· HTM 代码 · 共 98 行

HTM
98 行
字号 
<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;">
    &nbsp;</div>
    <br />
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    <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">
                密 &nbsp;&nbsp; 码:</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>
    &nbsp; &nbsp;

</body>
</html>

副本 json.htm - 源码说明

本页面展示了「Ajax+Json」中的 副本 json.htm 源码文件，采用 HTM 编程语言编写，共 98 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与Ajax相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?