ajax通过post传递参数

最新推荐文章于 2023-09-25 16:09:00 发布

爱乐爱快乐

最新推荐文章于 2023-09-25 16:09:00 发布

阅读量1.6k

点赞数

分类专栏： ajax 文章标签： ajax AJAX Ajax js JS Js js初学 php PHP Php

本文链接：https://blog.csdn.net/lovehappying/article/details/8532150

版权

ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这些天在写一些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一起探讨吧呵呵