AJAX与jQuery实践-优快云博客

本文链接：https://blog.youkuaiyun.com/wrs120/article/details/70908134

1.AJAX

作用：实现异步更改数据库，不必刷新整个页面

工作原理：AJAX发出请求——服务器接收请求，处理请求并将处理结果返回——AJAX收到结果，按照你设定的方式解析结果并更改页面
牛腩中有这样一段代码：

                var url = "../handler/ChangeCaName.ashx?caname=" + encodeURI(encodeURI(newText)) + "&caid=" + caid + "&t=" + new Date().getTime();
                $.get(url, function (data) {
                    if (data == "false") {
                        $("#test").text("类别修改失败,请检查是否类别名称重复");
                        input_blur.trigger("focus").trigger("select");//文本框全选
                    }
                    else {
                        $("#test").text("");//文本框置空
                        objTD.html(newText);
                    }
                });
解析：

1>首先获得要请求的页面，一般是一般应用程序.ashx,在此页面地址就是url

2>$.get(.. , ..):通过远程HTTP ,GET得到请求载入的信息，其中

url就是要请求的URL，必选参数；

function（data）:请求成功时运行的方法，data就是请求返回的结果数据

2.Click()事件返回return false

作用：

1>阻止Click时发生的默认行为

2>防止冒泡行为。因为当发生click事件后，随后也会触发上一级的click事件

牛腩中有这样一段代码：
input.click(function () {
     return false;         
})
input指的是文本框，此句代码就是让文本框的点击事件失效，默认情况下点击文本框时，文本框内容会消失，当设置点击失效时，文本框中的文字就不会失效了。相当于阻止默认事件发生

3.tigger

形式：控件.tigger("指定事件")

含义：指定被选控件发生指定事件

区分click事件：事件是点击后发生的事件，而tigger是该控件出现时就触发的事件
input.trigger("focus").trigger("select");//触发全选事件前，先获得焦点
解析：input是指文本框控件，当input出现时就触发trigger（）事件，无需再点击

4.blur（）输入域失去焦点时触发的事件

5.TODO标记

作用：当开发中要有一个计划在代码处要实现，怎么实现，可以写写下来，以后可以检查是否实现了，如果D层要实现一个删除评论的计划，但还没实现，就用TODO标记一下，下次想实现时直接通过TODO就可找到该处

//TODO:删除评论
通过视图——任务列表，就可以看到所有的标记，双击要修改的部分，就可以直接跳转到该处，不同于书签，标记还有很多关键字，不同的关键字代表不同的含义

//UNDONE:没做完

//HACK:修改

6.Web用户控件

作用：当我们现在的已有的控件不能满足需求时，就可以使用Web用户控件，适合创建复杂界面的元素的控件

特点：

1>同时具有前台页面和后台代码

2>文件扩展名为.ascx,web窗体扩展名为.aspx

3>用户控件不能作为独立文件运行，必需添加到web窗体中（直接拖到要用到该控件的web窗体中即可，这时在web窗体中会自动出现Register），（用法其实和其它服务器控件一样）

4>已有服务器控件+模块设置（<repeater><ul>）