`
hfkiss44
  • 浏览: 49060 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

结合jquery 将异步对象数据自动填充到对应的表单中

阅读更多
    和struts2自动封装页面表单信息进入对应的vo差不多   需要vo的属性名和前台表单组件的id值相同。
     假设现在需要修改用户信息,那么可以先区服务器请求某个id所对应的用户信息,将此用户实例进行序列化 然后返回到浏览器中  此时将服务器的字符串反序列化为js Object对象之后   将此对象进行遍历 然后根据属性名设置属性名所对应的页面组件的值。

 $.ajax({type:"POST",
	url:"getuser.action",
	data:{userid:"11"},
	success:function(data,textStatus){
                var resultData=eval('('+ data+')');
	       //遍历 设置
	         setValue(resultData);		            
	       $("#loginid").attr("disabled","disabled");
	},error:function(x){
		alert("链接数据失拜");
		   }
	});

 /**
 * 
 * @param {} obj
 * 将ajax访问后得到的对象进行遍历 再使用jquery其职放入到同属性名的dom元素中
 */

function setValue(obj){  
    // 开始遍历   
    for(var p in obj){      
       // 方法  
       if(typeof(obj[p])=="function"){      
           // obj[p]();     
        }else{    
        	$("#"+p).val(obj[p]);
            // p 为属性名称,obj[p]为对应属性的值     
              
        }      
    }      
    
}


分享到:
评论

相关推荐

    jQuery自动填充表单功能代码.zip

    本项目“jQuery自动填充表单功能代码”展示了如何使用jQuery UI的Autocomplete实现表单自动填充功能,结合Ajax和本地文本文件来动态提供搜索建议。通过理解Autocomplete的工作原理和配置选项,开发者可以轻松地为...

    利用Ajax+Jquery实现异步进度条效果

    "利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开,它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先,C#是一种面向对象的编程语言,广泛应用于...

    jQuery自动填充

    【jQuery自动填充】是一种在网页表单中实现数据自动填充的技术,主要应用于提高用户体验,减少用户手动输入的繁琐过程。jQuery库是JavaScript的一个轻量级框架,它简化了DOM操作、事件处理、动画制作和Ajax交互等...

    jquery异步绑定dropdownlist

    本文将深入探讨“jQuery异步绑定dropdownlist”这一主题,它涉及到jQuery、Ajax以及DropDownList控件的使用,这些都是Web开发中的重要元素。 首先,`dropdownlist`(下拉列表)是网页表单中常见的输入控件,通常...

    jquery+ajax实现的表单分页,页面复杂表单数据的加载

    在加载已存在的复杂表单数据时,可以通过Ajax请求后台,获取表单的初始值,然后填充到对应的输入框中,使用户看到已有的数据。 总结来说,"jQuery+Ajax实现的表单分页,页面复杂表单数据的加载"是一个前端开发中的...

    日本都道府县邮编 自动填充基于jquery.jpostal.js支持

    描述中的内容暗示了这个功能的实现方式,即在网页表单中,一旦用户开始输入地址,`jquery.jpostal.js`就会根据用户输入的字符去匹配日本的邮编和都道府县信息,并实时更新到表单中。这通常涉及到AJAX(异步...

    自动填充的js控件,一个好用的自动填充的js控件,非常适合酒店系统开发的运用!

    在酒店系统开发中,一个高效、好用的自动填充JS控件能够极大地提升用户体验,简化用户的输入操作,提高数据录入的准确性和效率。下面将详细介绍这种控件的工作原理、应用价值以及如何在实际项目中实施。 首先,自动...

    jquery autocomplete dwr结合 修改Data

    结合jQuery Autocomplete和DWR,开发者可以在用户输入时通过DWR异步调用服务器上的Java方法,获取匹配的数据,然后将这些数据填充到Autocomplete的建议列表中。这种结合的优点是减少了页面刷新,提供了更流畅的用户...

    Jquery+Ajax+Php+Mysql异步刷新

    在表单验证中,我们通常会将用户输入存储到临时变量,然后使用SQL查询来检查这些数据的有效性。例如,通过SELECT语句查询数据库,看是否存在与新提交的用户名相同的记录。 在文件"test.sql"中,可能包含了创建...

    动态 填充网页表单

    2. JavaScript/jQuery代码:这部分代码将负责监听事件(如按钮点击)、获取数据(可能从服务器或本地存储)以及填充表单字段。 3. 可能的CSS样式:用于美化示例的外观。 在实际应用中,你可能会遇到以下情况: - ...

    autocomplete--jquery自动填充

    jQuery Autocomplete 是一个非常实用的功能,它极大地提高了用户在网页表单中输入信息的效率。这个功能基于 jQuery UI 库,它允许开发者为输入框添加动态提示,当用户开始输入时,系统会根据预设的数据源提供匹配的...

    自动填充email格式

    总的来说,"自动填充email格式"是一个结合了前端交互设计、异步请求处理、DOM操作和用户体验优化的典型功能。通过熟练运用jQuery和其他前端技术,我们可以构建出高效、友好的邮箱输入体验,提高网站或应用的用户满意...

    jQuery实现自动补齐

    "jQuery实现自动补齐"这个主题,主要涉及的是如何利用jQuery来创建一个功能强大的输入框自动完成功能,这在网页表单设计中十分常见,尤其对于搜索框或用户输入数据的场景,可以显著提升用户体验。 自动完成功能通常...

    jQuery意向快捷留言表单代码.zip

    5. **AJAX异步通信**:jQuery的AJAX功能使得表单数据可以在不刷新整个页面的情况下提交。通过使用AJAX,用户可以发送请求到服务器,接收回应,而无需离开当前页面,提供了更好的用户体验。 6. **表单验证**:在发送...

    jQuery实现邮箱自动登录

    本文将深入探讨如何使用jQuery实现邮箱自动登录的功能。首先,我们需要理解jQuery的基本用法,然后逐步构建自动登录的逻辑。 一、jQuery基础 jQuery的核心理念是“Write Less, Do More”,即用更少的代码实现更多的...

    jQuery自动补全筛选input代码.zip

    在这个"jQuery自动补全筛选input代码"中,主要涉及到以下几个jQuery相关的知识点: 1. **选择器(Selectors)**:jQuery的选择器基于CSS,可以方便地选取DOM元素。在这个项目中,我们可能会使用`$("#id")`来选择...

    Asp.net+JQuery自动补全

    jQuery的`autocomplete`插件是实现自动补全功能的核心组件,它通过监听用户在输入框中的输入事件,向服务器发送异步请求,获取匹配的数据,并在输入框下方显示建议列表。 在Asp.net和jQuery的集成应用中,实现自动...

    JQuery 动态生成DIV、Table并处理数据

    - **填充数据**:通过遍历数据集,可以动态生成表格行和单元格,将数据填入表格。例如: ```javascript var data = [['Name', 'Age'], ['John', 30], ['Jane', 25]]; var table = $('<table>'); $.each(data, ...

    AutoComplete aspx 实现下拉框自动填充

    在ASP.NET Web应用程序中,AutoComplete功能通常用于提高用户体验,特别是在输入字段中提供即时建议,以帮助用户快速完成填写表单。本篇文章将深入探讨如何使用ASP.NET的Ajax技术实现下拉框的自动填充功能。 首先,...

Global site tag (gtag.js) - Google Analytics