jquery 配合 jsp 实现 ajax 要注意的问题

 

 

(这一次 jq 无法执行的原因竟然是: 没导入 jq 的 js 文件!!!!!!!!!!!!!!)

今天在写一个 select change 实现来 ajax 时,发现 jq 无法执行,网上查了下,发现有几个问题是需要注意的:

1.  一定要导入 jq 的 js 文件,写之前第一步就是检查有没有导入,如果不导入那是肯定不能执行的

2. jq 和 jsp 的兼容性问题,因为 ready 方法只会被加载一次,所以 jsp 的多次 foreach 可能会让 jq 失效,所以推荐用 bind 来绑定事件,如:

<script type="text/javascript">
    $(function () {
            $("select").bind({
                change:function(){
                    console.log($(this).val());
                    var jsonData = {"censorStatus":$(this).val()};

                    requestByJson(jsonData);

                }
            });
        }
    );
</script>

 

 

http://www.iteye.com/problems/71183

 

 

3. 有可能是因为 jsp 的 $ 符号与 jq 的 $ 符号相冲突导致

jQuery在html有效在jsp无效的原因及解决方法

解决办法: 
把jQuery代码里面的$全改成jQuery就可以正常使用了

(不过我没遇到这个问题)

 

4. jsp分页实现需要特殊的写法

jQuery 事件——关于Select选中

 

posted @ 2018-05-04 16:56  由良大小姐  阅读(446)  评论(0编辑  收藏  举报