您的位置:首页 > Web前端 > JavaScript

一个js(javascript)使用案例

2013-09-03 14:23 302 查看
<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>   <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>
*@
<!--*********结束***********异步请求提交查询好友信息-->
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐