ajax post传参通用函数 f函数名（div层id，目标文件地址，from名称）

来源：互联网发布：人工智能最好书籍编辑：程序博客网时间：2024/05/19 13:29

刚刚研究了那个ajax post传参的用法就想其实可以写个函数的直接传递三个参数 ----div层（需要无刷新加载的层不一定要div），处理post的服务器端程序地址，表名称。

下面就是全部代码

ajax-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">
//这里是整个处理表单元素加载到变量的模块开始
//获取指定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('&');
}
//这里是整个处理表单元素加载到变量的模块的结束（如果是研究的话先不要管上面直接看下面的学习就行了）

下面是接收部分代码

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>";
?>