Ajax以post方式提交数据

JS

<script type="text/javascript">

function login() {

var username = document.getElementById("txtUsername").value;
var password = document.getElementById("txtPassword").value;

var url = "Login.aspx?op=1";
var postStr = "username="+ username +"&password="+ password;



var ajax = null;
if (window.XMLHttpRequest) {
ajax = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
return;
}

ajax.open("POST",url,true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(postStr);


ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {

document.getElementById("content").innerHTML = ajax.responseText; ;
}
}
}

</script>

html:

<div> 用户名: <input type="text" id="txtUsername" /> 密码: <input type="password" id="txtPassword" /> <input type="button" id="btnOk" value="确定" onclick="login()"/> <div id="content"></div> </div>

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...