想知道这种怎么用面向对象的方法优化

Question

一堆按钮 然后一堆不同的功能 然后一堆AJAX发送 然后执行一堆按钮获得的一堆功能

Answer 1

第一：对于你第一段代码，你可以建立映射关系，我只拿前两个举例，var json = {'th':'lon','tc':'lat'}

然后循环遍历，如果使用了html5。

json.forEach(function(item,key){ //  使用$.each()或$().each()均可，

     $('#eatTheWorld .' + key).val( row[item] );  

});

第二个 如果页面中有很多事件操作 请使用事件委托的方式 注册事件。

第三个 获取很多input 值 考虑使用映射的办法，思路是这样的，你可以给需要获取的表单的属于同一类的数据绑定同一个class名 然后获取，举个例子比如市县区，你可以绑定一个class="area-data"名，

    $('.area-data').each(function(){

        $(this).val(); // 获取了当前对象的value值，想必这里会有对应的接口字段

    });

    然后你建一个接口字段比如，接口字段是，privince,city,county,同样你把这些作为表单area-data属性值名填入对应填入表单，主要防止字段对应错误。

    

    然后你可以这样写

    var json = {}

    $('.area-data').each(function(){

        var data = $(this).attr('area-data'); // 作为接口字段

        // 获取了当前对象的value值，想必这里会有对应的接口字段

        json[data] = $(this).val();

    });

    

    这里处理起来方法很多，主要就是灵活利用接口字段和映射。上面说的都是大致思路，你慢慢理解一下，希望对你有帮助，和启发，可能表达的不太清楚