一个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> *@ <!--*********结束***********异步请求提交查询好友信息-->
相关文章推荐
- 一道js面试题:请写出尽可能多的使用JavaScript产生一个Image 标签的方法
- JS学习笔记1——不要使用JavaScript内置的parseInt()和Number()函数,利用map和reduce操作实现一个string2int()函数
- [JS]视频总结-第四部分_JavaScript案例-定时器的使用
- 使用JavaScript实现一个“字节码解释器”,并用它重新实现JS科学计算器的后端(后续3)中间休息思考
- 使用JavaScript实现一个“字节码解释器”,并用它重新实现JS科学计算器的后端(待续)
- 使用JavaScript实现一个“字节码解释器”,并用它重新实现JS科学计算器的后端(后续4)
- 使用JavaScript实现一个“字节码解释器”,并用它重新实现JS科学计算器的后端(后续1)
- 使用MVC中的HtmlHelper对象的ActionLink方法,实现一个Javascript:void(0)效果,去调用一个JS方法
- 使用JavaScript实现一个“字节码解释器”,并用它重新实现JS科学计算器的后端(后续2)
- Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口
- 一个纯js的日历输入案例
- javascript 操作符(~、&、|、^、<<、>>)使用案例
- js赋值改变后原来的东西也改变了,影响了好几个其它使用同一个源数据的原因以及解决方法
- Spring学习--IOC容器的概念及一个简单IOC容器使用案例
- Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口
- window的open和opener结合使用的一个案例
- GridView其实是一个table,这里使用js循环table,代码如下:
- knockoutjs从多个数据源获取到的数据合并到一个javascript的viewmodel中使用
- 使用JS制作一个鼠标可拖的DIV(一)——鼠标拖动
- 【JavaScript】js匿名方法使用