这些天在写一些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一起探讨吧 呵呵 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|