一个js（javascript）使用案例

<script type="text/javascript">
    var Row;
    $(function () {
        //        $("#Sel").click(function () {
        //            var fname = $("#FName").val();
        //            var fteamid = $("#sel2").val();
        //            //查询好友
        //            $.post("/Heart/SpaceFriend/SpaceFriendGetSel", { "FName": fname, "FTeamId": fteamid }, function (data) {
        //                if (data != "False") {
        //                    $("#tbs tbody").empty();
        //                    $.each(data, function (k, v) {
        //                        $("#tbs tbody").append("<tr class='right-table'><td width = '40%' align='center'>" + v["FFriendId"] + "</td><td width = '30%' align='center'>" + v["FTeamId"] + "</td><td align='center' class='right_cz_green'><a href='#' class='friend' name=" + v["FId"] + ">分组</a> &nbsp;&nbsp;<a id='del' href='#' name=" + v["FId"] + ">解除好友关系</a></td></tr>");
        //                    });
        //                } else {
        //                    alert("您的好友列表中未搜索到该好友！");
        //                }
        //            });

        //        });
        //解除好友关系
        $("#del").live("click", function () {
            Row = $(this).parent().parent();
            if (confirm("是否要与该好友解除好友关系?")) {
                var id = $(this).attr("name");
                $.get("/Heart/SpaceFriend/SpaceFriendDel", { "FId": id }, function (data) {
                    if (data == "True") {
                        alert("您已成功解除好友关系！");
                        $(Row).remove();
                    } else {
                        alert("解除好友关系失败！");
                    }
                });
            }
        });
        var fid = ""; //保存当前选择行的id
        var Row; //保存当前选择行
        $(".friend").live("click", function () {
            fid = $(this).attr("name");
            //Row = $(this).parent().parent();
            FindDetails("好友分组", "url:/Heart/SpaceFriend/FriendTeamUp?fid=" + fid);
        });
        //修改好友分组

    });

    function FindDetails(title_doc, url) {
        dialog = $.dialog({
            content: url,
            title: title_doc,
            cancelVal: '关闭',
            cancel: true
        });
    }

</script>

一个相关连的异步使用案例，可以根据他的使用结构，理解js的特殊之处：

<!--*********开始***********异步请求提交查询好友信息-->
@*<script type="text/javascript">
    $(document).ready(function () {
        $("#btn").click(function () {
            var fname = $("#FName").val();
            $.ajax({
                type: "post",
                url: "/Personal/Space/SpaceFriend/List",
                dataType: "html",
                data: { FName: fname },
                success: function (data) {
                    debugger;
                    var re = data;
                },
                error: function () {
                    alert("异步提交失败，请重试！（外）");
                }
            });
        });
    });
</script>
*@
<!--*********结束***********异步请求提交查询好友信息-->