Ajax中通过JS代码自动获取表单元素值的示例代码
更新时间：2014年09月04日 17:37:06 投稿：whsnow
如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值，但如果表单元素非常多，此时就需要用POST方式来获取表单元素值，那么如何来获取表单元素值呢
我们在使用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;i<frmID.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函数即可获取表单中所有元素的值了。
相关文章
AJAX 常用函数创建XMLHTTP对象，区别IE，Mozilla浏览器
AJAX 常用函数创建XMLHTTP对象，区别IE，Mozilla浏览器...2007-10-10
Ajax 是一个令人误导的名称,Ajax 应用程序可能使用 XML 来传输数据,但将数据作为纯文本或 JSON 文本传输也同样常见,本文给大家介绍ajax设置header指南教程,感兴趣的朋友一起看看吧2023-10-10
如何将ajax请求返回的Json格式数据循环输出成table形式
ajax请求返回Json格式数据，在网上有很多的处理方法，本文教大家如何循环输出成table形式，代码很详细，感兴趣的朋友可以参考下2013-10-10
这篇文章主要教大家轻松实现ajax发送异步请求，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
这篇文章主要介绍了Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
快速解决ajax传递为空但显示在页面上为undefined的问题
今天小编就为大家分享一篇快速解决ajax传递为空但显示在页面上为undefined的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
Ajax英文全称为“ Asynchr JavsScript and XML”（异步的JavaScript和XML），是一种创建交互式网页的开发技术。下面通过本文给大家介绍Ajax的用法总结，需要的朋友参考下吧2017-06-06
如何使用AJAX返回JSON数据，就是dataType，当你设置json后返回的json字符串传递到客户端就是JSON对象了，示例如下，感兴趣的朋友可以参考下2013-08-08
这篇文章主要介绍了使用AJAX实现上传文件，无需任何插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
前两篇我们讲了 ajax开始的准备 与及如何使用ajax技术进行简单的数据读取．2010-10-10
最新评论