<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>
*@
<!--*********结束***********异步请求提交查询好友信息-->

最新文章

  1. Java数据结构和算法之链表
  2. (转)注意力机制(Attention Mechanism)在自然语言处理中的应用
  3. 通过全局设置过滤器,就能让所有窗口都可移动,而不是都要继承指定QDialog
  4. EntityFramework更新数据
  5. Class.getResourceAsStream() VS. ClassLoader.getResourceAsStream()
  6. Android 文档之viewAnimator
  7. sqlserver 2008r2 表分区拆分问题
  8. Shell终端收听音乐--豆瓣FM命令行版
  9. windows(win10)下的mysql解压版安装
  10. Mybatis配置文件SqlMapConfig.xml中的标签
  11. 用eclipse部署tomcat时出现异常:java.lang.IllegalArgumentException
  12. python no module named _socket 原因
  13. 语法、id和class选择器、创建、
  14. ios 清除缓存文件
  15. java mysql的latin1转UTF-8
  16. maven项目中利用jmeter-maven-plugin插件直接执行jmeter jmx脚本
  17. 3、pandas的loc和iloc数据筛选
  18. 网页中动态嵌入PDF文件/在线预览PDF内容https://www.cnblogs.com/xgyy/p/6119459.html
  19. Linux命令行监控网口流量
  20. LeetCode 9 Palindrome Number(回文数字判断)

热门文章

  1. vs2010 仿XCode风格的头注释宏
  2. 严重: IOException while loading persisted sessions: java.io.EOFException
  3. Spring和MyBatis环境整合
  4. SQLServer学习笔记&lt;&gt;sql的范围内查找,sql数据类型,字符串处理函数
  5. Coco2dx 3D例子
  6. Binary Tree 分类: POJ 2015-06-12 20:34 17人阅读 评论(0) 收藏
  7. HDU(3790),最短路二级标准
  8. 从客户端中检测到有潜在危险的 Request.Form 值
  9. PHP比较运算!=和!==
  10. POJ Sky Code 莫比乌斯反演