传智播客-- 教育办公系统基于AJAX对属性的修改

最新推荐文章于 2025-07-24 16:25:31 发布

getclass

最新推荐文章于 2025-07-24 16:25:31 发布

阅读量664

点赞数

CC 4.0 BY-SA版权

文章标签： ajax 教育 object javascript function string

本文链接：https://blog.youkuaiyun.com/getclass/article/details/5317846

本文介绍了一种使用Ajax更新员工信息属性的方法，通过监听输入框变化并弹窗确认修改，发送Ajax请求到服务器进行属性更新。此外，还提供了一个将不含引用属性的对象列表转换为JSON字符串的示例。

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

我们在使用JavaScript或者是AJAX的时候,要注意一个细节.一定要把JavaScript的代码和HTML的代码分离开.不要使用 onclick在HTML的按钮中调用函数.这样不利于维护,并且是页面的显示上也会有一定程度的影响.做程序员在编写代码的时候一定要注意细节,养成一个良好的习惯.不能只为了完成功能.这样我们的能力才能一天天的进步和提高.

1. 实现对属性的 Ajax 修改:
   <script type="text/javascript">
       $(function(){
           $(".employeeForm :text, .employeeForm :select").change(function(){
               var flag = confirm("确定要修改" + $(this).prev("label").text() + "信息吗?");
               if(flag){
                   var url = "${cp}/employee-update-ajax.do";
                   var args = {employeeid: $("#employeeid").val(), propertyname: $(this).attr("name"), propertyvalue: $(this).val()};

                   $.getJSON(url, args, function(data){
                       if(data.result == "1"){
                           alert("修改成功!");
                       }else{
                           alert("记录已被删除, 修改失败!");
                       }
                   });
               }else{
                   $(this).val($(":hidden[name='_" + $(this).attr("name") + "']").val());
               }
           });
       });
   </script>
    1). 发送的 ajax 请求中需要包含哪些信息呢
        ①. 要修改的员工的 id.
        ②. 要修改的属性的名字.
        ③. 要修改的属性的值.

    2). 在服务器端使用:
        BeanUtils.setProperty(employee, propertyname, propertyvalue); 动态修改指定的属性.

2.把一个只包含基本属性(没有引用属性)的对象的 List 转成 JSON 字符串
   private String convertListToJSON(List<?> objects){
       StringBuffer result = new StringBuffer("[");

       if(objects != null && objects.size() > 0){
           for(Object object: objects){
               String objectJSON = convertObjectToJSON(object);
               result.append(objectJSON);
               result.append(",");
           }
           result.replace(result.length() - 1, result.length(), "");
       }

       result.append("]");
       return result.toString();
   }

3.把一个只包含基本属性(没有引用属性)的对象转成 JSON 字符串

   private String convertObjectToJSON(Object object){
       JSONObject jsonObject = new JSONObject(object);
       return jsonObject.toString();
   }