您的位置：首页 > 编程语言 > PHP开发

ajax通过post传递参数

2013-01-23 02:07 344 查看

这些天在写一些ajax的应用实例到我的查分网站里面这里把我用到的代码都贴出来供大家分享咯

ajax通过post传递参数

这个其实很简单

完整实例如下：（亲测通过）

al.php文件（共两个文件）

//**********代码如下************

<!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一起探讨吧呵呵

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Ajax Js js初学 Php

相关文章推荐

新的分享

章节导航