这些天在写一些ajax的应用实例到我的查分网站 里面 这里把我用到的代码都贴出来供大家分享咯
ajax通过post传递参数
这个其实很简单
完整实例如下:(亲测通过)
al.PHP文件(共两个文件)
//**********代码如下************
爱乐ajax例子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;
}
}
}
账号:
密码:
邮箱:
//*****************代码1完毕******************
下面是接收post并返回值的部分(ajax_cs.PHP)
//********ajax_cs.PHP代码开始部分***********
header('Content-Type:text/html;charset=GB2312');
//ajax返回默认为utf-8,这里在返回头里面指出编码为GB2312以免汉字乱码
echo "你输入的信息为:";
echo "账户".$_POST['username']."";
echo "密码".$_POST['password']."";
echo "邮箱".$_POST['email']."";
?>
//*******代码结束**********
直接运行 就能使用了 要是有什么疑问 直接加我qq852208555一起探讨吧 呵呵
总结
以上是编程之家为你收集整理的ajax通过post传递参数全部内容,希望文章能够帮你解决ajax通过post传递参数所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。