一个js(javascript)使用案例
2024-08-31 01:41:39
<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>
*@
<!--*********结束***********异步请求提交查询好友信息-->
最新文章
- Java数据结构和算法之链表
- (转)注意力机制(Attention Mechanism)在自然语言处理中的应用
- 通过全局设置过滤器,就能让所有窗口都可移动,而不是都要继承指定QDialog
- EntityFramework更新数据
- Class.getResourceAsStream() VS. ClassLoader.getResourceAsStream()
- Android 文档之viewAnimator
- sqlserver 2008r2 表分区拆分问题
- Shell终端收听音乐--豆瓣FM命令行版
- windows(win10)下的mysql解压版安装
- Mybatis配置文件SqlMapConfig.xml中的标签
- 用eclipse部署tomcat时出现异常:java.lang.IllegalArgumentException
- python no module named _socket 原因
- 语法、id和class选择器、创建、
- ios 清除缓存文件
- java mysql的latin1转UTF-8
- maven项目中利用jmeter-maven-plugin插件直接执行jmeter jmx脚本
- 3、pandas的loc和iloc数据筛选
- 网页中动态嵌入PDF文件/在线预览PDF内容https://www.cnblogs.com/xgyy/p/6119459.html
- Linux命令行监控网口流量
- LeetCode 9 Palindrome Number(回文数字判断)
热门文章
- vs2010 仿XCode风格的头注释宏
- 严重: IOException while loading persisted sessions: java.io.EOFException
- Spring和MyBatis环境整合
- SQLServer学习笔记<;>;sql的范围内查找,sql数据类型,字符串处理函数
- Coco2dx 3D例子
- Binary Tree 分类: POJ 2015-06-12 20:34 17人阅读 评论(0) 收藏
- HDU(3790),最短路二级标准
- 从客户端中检测到有潜在危险的 Request.Form 值
- PHP比较运算!=和!==
- POJ Sky Code 莫比乌斯反演