Form序列化

最新推荐文章于 2025-03-22 20:24:43 发布

原创最新推荐文章于 2025-03-22 20:24:43 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种用于将HTML表单元素转换为URL编码字符串的方法。该方法支持处理多种类型的表单字段，包括单选框、复选框、下拉菜单等，并能够排除无名字段及某些不可提交的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function serialize(form){
 var parts = [],
 field = null,
 i,
 len,
 j,
 optLen,
 option,
 optValue;

 for (i=0, len=form.elements.length; i < len; i++){
 field = form.elements[i];

 switch(field.type){
 case "select-one":
 case "select-multiple":
 if (field.name.length){
 for (j=0, optLen = field.options.length; j < optLen; j++){ 
 option = field.options[j];
 if (option.selected){
 optValue = "";
 if (option.hasAttribute){
 optValue = (option.hasAttribute("value") ?
 option.value : option.text);
 } else {
 optValue = (option.attributes["value"].specified ?
 option.value : option.text);
 }
 parts.push(encodeURIComponent(field.name) + "=" +
 encodeURIComponent(optValue));
 }
 }
 }
 break;

 case undefined: //字段集
 case "file": //文件输入
 case "submit": //提交按钮
 case "reset": //重置按钮
 case "button": //自定义按钮
 break;

 case "radio": //单选按钮
 case "checkbox": //复选框
 if (!field.checked){
 break;
 }
 /* 执行默认操作 */
 default:
 //不包含没有名字的表单字段
 if (field.name.length){
 parts.push(encodeURIComponent(field.name) + "=" +
 encodeURIComponent(field.value));
 }
 }
 }
 return parts.join("&");
}