ajax get 调用通用函数

来源：互联网发布：2017淘宝联盟pid获取编辑：程序博客网时间：2024/06/08 04:36

之前研究了post的现在把get的通用函数也拿出来和大家分享下不懂的加我qq852208555一起研究

ajax_get.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">
//这里是整个处理表单元素加载到变量的模块开始
//获取指定form中的所有的<input>对象
function getElements(formId)
{
    var form = document.getElementById(formId);
    var elements = new Array();
    var tagElements = form.getElementsByTagName('input');
    for (var j = 0; j < tagElements.length; j++)
{
          elements.push(tagElements[j]);
        }
      return elements;
}
//获取单个input中的【name,value】数组
function inputSelector(element)
{
if (element.checked)
     return [element.name, element.value];
}

function input(element)
{
    switch (element.type.toLowerCase())
{
      case 'submit':
      case 'hidden':
      case 'password':
      case 'text':
        return [element.name, element.value];
      case 'checkbox':
      case 'radio':
        return inputSelector(element);
    }
        return false;
}

//组合URL
function serializeElement(element)
{
    var method = element.tagName.toLowerCase();
    var parameter = input(element);

    if (parameter)
{
      var key = encodeURIComponent(parameter[0]);
      if (key.length == 0) return;

      if (parameter[1].constructor != Array)
        parameter[1] = [parameter[1]];

      var values = parameter[1];
      var results = [];
      for (var i=0; i<values.length; i++)
   {
        results.push(key + '=' + encodeURIComponent(values[i]));
      }
      return results.join('&');
    }
}

//调用方法
function serializeForm(formId) {
    var elements = getElements(formId);
    var queryComponents = new Array();
   for (var i = 0; i < elements.length; i++)
   {
      var queryComponent = serializeElement(elements[i]);
      if (queryComponent)
       queryComponents.push(queryComponent);
    }
    return queryComponents.join('&');
}
//这里是整个处理表单元素加载到变量的模块的结束（如果是研究的话先不要管上面直接看下面的学习就行了）

</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_get('al','ajax_cs.php','user_al');">
　　</form>
</body>
</html>

下面是接收处理的函数 ajax_cs.php 代码：

<?php
header('Content-Type:text/html;charset=GB2312');
//ajax返回默认为utf-8，这里在返回头里面指出编码为GB2312以免汉字乱码
echo "你输入的信息为：</br>";

echo "账户".$_GET['username']."</br>";
echo "密码".$_GET['password']."</br>";
echo "邮箱".$_GET['email']."</br>";
?>