首页 > Web开发 > 详细

jQuery Ajax无刷新操作一般处理程序 ashx

时间：2016-07-29 21:04:35      阅读：169      评论：0      收藏：0      [点我收藏+]
  1. //前台实例代码 aspx文件  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head runat="server">  
  4.     <title></title>  
  5.    
  6.     <script src="js/jquery-1.4.2.js" type="text/javascript"></script>  
  7.    
  8.     <script type="text/javascript">  
  9.         $(function() {  
  10.             $("#test").live("click", function() {  
  11.                 //alert(0);  
  12.                 $.ajax({  
  13.                     type: ‘POST‘,  
  14.                     url: ‘Handler1.ashx‘,  
  15.                     data: { "name": $("#name").val() },  
  16.                     success: function(data) {  
  17.                         if (1 == data)  
  18.                             alert(‘login success‘);  
  19.                         else  
  20.                             alert(‘login fail‘);  
  21.                     }  
  22.                 });  
  23.             });  
  24.         });  
  25.     </script>  
  26.    
  27. </head>  
  28. <body>  
  29.     <form id="form1" runat="server">  
  30.     <div>  
  31.         <input type="text" name="name" id="name" />  
  32.         <input type="button" name="test" id="test" value="validate" />  
  33.     </div>  
  34.     </form>  
  35. </body>  
  36. </html>  

-------------------------------

  1. //后台实例代码 ashx文件（可替换为从数据库中读取）  
  2. public void ProcessRequest(HttpContext context)  
  3. {  
  4.     context.Response.ContentType = "text/plain";  
  5.     //context.Response.Write("Hello World");  
  6.   
  7.     string name = context.Request.Params["name"].ToString().Trim();  
  8.     if ("china".Equals(name))  
  9.     {  
  10.         context.Response.Write("1");//1标志login success  
  11.     }  
  12.     else  
  13.     {  
  14.         context.Response.Write("0");//0标志login fail  
  15.     }  
  16. }  

 

——————view 和control

  1. @{  
  2.     ViewBag.Title = "Index";  
  3. }  
  4. @model MvcAjaxAdd.Models.ClickCountModel  
  5. <script src="~/Scripts/jquery-1.7.1.js" type="text/javascript"></script>  
  6. <script type="text/javascript">  
  7.     $(function () {  
  8.         var obj = {  
  9.             "num": $("#lblnum").text(),  
  10.             "url": window.location.pathname//获取/Home/Index  
  11.         };  
  12.         $("#addnum").click(function () {  
  13.             $.ajax({  
  14.                 type: ‘POST‘,  
  15.                 url: ‘/Home/ClickGood‘,  
  16.                 data: obj,  
  17.                 success: function (data) {  
  18.                     $("#lblnum").text(data.Num);  
  19.                     //其它操作，比如每个登录用户只能点一次，按钮禁用等  
  20.                 }  
  21.             });  
  22.         });  
  23.     });  
  24. </script>  
  25. <div id="addnum" style="width: 70px; height: 70px; background-color: #FF9900">  
  26.     <div align="center" style="margin-top: 10px;">  
  27.         <label style="color: White; font-size: 20pt;">  
  28.             顶</label></div>  
  29.     <div align="center">  
  30.         <label id="lblnum" style="color: White; font-size: 10pt;">  
  31.             @Model.Num</label></div>  
  32. </div>  

----------------------------control

  1. namespace MvcAjaxAdd.Controllers  
  2. {  
  3.     public class HomeController : Controller  
  4.     {  
  5.         private ClickCountContext db = new ClickCountContext();  
  6.   
  7.         public ActionResult Index()  
  8.         {  
  9.             ClickCountModel ClickCountModel = db.ClickCountModels.FirstOrDefault(x => x.URL == "/");  
  10.             return View(ClickCountModel);  
  11.         }  
  12.   
  13.         [HttpPost]  
  14.         public JsonResult ClickGood(ClickCountModel ClickCountModel)  
  15.         {  
  16.             ClickCountModel newClickCountModel = db.ClickCountModels.FirstOrDefault(x => x.URL == ClickCountModel.URL);  
  17.             newClickCountModel.Num++;//数量+1  
  18.             db.SaveChanges();  
  19.             return Json(newClickCountModel);  
  20.         }  
  21.     }  
  22. }  

 

jQuery Ajax无刷新操作一般处理程序 ashx

原文：http://www.cnblogs.com/momjs/p/5719391.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！