这些天在写一些ajax的应用实例到我的查分网站 里面 这里把我用到的代码都贴出来供大家分享咯
ajax通过post传递参数
这个其实很简单
完整实例如下：（亲测通过）
//**********代码如下************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>爱乐ajax例子</title>
</head>
<script language="javascript">
function ajax_post()
{
//接收表单的URL地址
var url = "ajax_cs.PHP";
//获取表单对象和用户信息值
var username = document.user_al.username.value;
var password = document.user_al.password.value;
var email = document.user_al.email.value;
//将表单需要post出去的信息储存到变量str_al
var str_al = "username="+ username +"&password="+ password +"&email="+ email;
//实例化Ajax
//var ajax = InitAjax();
var ajax = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest)
{ //Mozilla 浏览器
ajax = new XMLHttpRequest();
if (ajax.overrideMimeType)
{//设置MiME类别
ajax.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject)
{ // IE浏览器
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{}
}
}
if (!ajax)
{ // 异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例");
return false;
}
//通过Post方式打开连接
ajax.open("POST",url,true);
//定义传输的文件HTTP头信息
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送POST数据
ajax.send(str_al);
//获取执行状态
ajax.onreadystatechange = function()
{
//如果执行状态成功，那么就把返回信息写到指定的层里
if (ajax.readyState == 4 && ajax.status == 200)
{
document.getElementById('al').innerHTML= ajax.responseText;
}
}
}
</script>
<body >
<div id="al">测试</div>
<form name="user_al" method="post" action="">
账号：<input type="text" name="username" /><br />
密码：<input type="password" name="password" /><br />
邮箱：<input type="text" name="email" /><br />
<input type="button" value="提交" onClick="ajax_post()">
</form>
</body>
</html>
//*****************代码1完毕******************
下面是接收post并返回值的部分（ajax_cs.PHP）
//********ajax_cs.PHP代码开始部分***********
<?PHP
header('Content-Type:text/html;charset=GB2312');
//ajax返回默认为utf-8，这里在返回头里面指出编码为GB2312以免汉字乱码
echo "你输入的信息为：</br>";
echo "账户".$_POST['username']."</br>";
echo "密码".$_POST['password']."</br>";
echo "邮箱".$_POST['email']."</br>";
?>
//*******代码结束**********
直接运行 就能使用了 要是有什么疑问 直接加我qq852208555一起探讨吧 呵呵
原文链接：https://www.f2er.com/ajax/166816.html