• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax中通过JS代码自动获取表单元素值的示例代码

    我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理。如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了。

    function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号
    {
    var frmID=document.getElementById(frmID);
    var i,queryString = "", and = "";
    var item;
    var itemValue;
    for( i=0;ifrmID.length;i++ )
    {
    item = frmID[i];
    if ( item.name!='' )
    {
    if ( item.type == 'select-one' )
    {
    itemValue = item.options[item.selectedIndex].value;
    }
    else if ( item.type=='checkbox' || item.type=='radio')
    {
    if ( item.checked == false )
    {
    continue; 
    }
    itemValue = item.value;
    }
    else if ( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image')
    {
    continue;
    }
    else
    {
    itemValue = item.value;
    }
    itemValue = escape(itemValue);
    queryString += and + item.name + '=' + itemValue;
    and="";
    }
    }
    return queryString;
    }

    调用方法:直接在Ajax中调用以上JS函数即可获取表单中所有元素的值了。

    您可能感兴趣的文章:
    • javascript 自动填写表单的实现方法
    • JSP实现用于自动生成表单标签html代码的自定义表单标签
    • javascript实现页面刷新时自动清空表单并选中的方法
    • jquery自动将form表单封装成json的具体实现
    • 用javascript模仿ie的自动完成类似自动完成功的表单
    • 表单提交时自动复制内容到剪贴板的js代码
    • javascript实现自动填写表单实例简析
    上一篇:IE9下Ajax无法刷新数据的缓存问题解决方法
    下一篇:AJAX提交与FORM提交的区别说明
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Ajax中通过JS代码自动获取表单元素值的示例代码 Ajax,中,通过,代码,自动,