这篇文章主要介绍了关于Ajax中通过JS代码自动获取表单元素值,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢
我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理。如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | function getFormQueryString(frmID)
{
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函数即可获取表单中所有元素的值了。
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
Ajax bootstrap美化网页并实现页面加载删除与查看详情的代码
关于AJax与Jsonp跨域访问的问题
以上是Ajax中通过JS代码自动获取表单元素值的详细内容。更多信息请关注PHP中文网其他相关文章!