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

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

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

——————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. public ActionResult Index()
  7. {
  8. ClickCountModel ClickCountModel = db.ClickCountModels.FirstOrDefault(x => x.URL == "/");
  9. return View(ClickCountModel);
  10. }
  11. [HttpPost]
  12. public JsonResult ClickGood(ClickCountModel ClickCountModel)
  13. {
  14. ClickCountModel newClickCountModel = db.ClickCountModels.FirstOrDefault(x => x.URL == ClickCountModel.URL);
  15. newClickCountModel.Num++;//数量+1
  16. db.SaveChanges();
  17. return Json(newClickCountModel);
  18. }
  19. }
  20. }

//标准的写法：
$.ajax({
     type: "post",
     dataType: "json",
     contentType: "application/json", //注意：WebMethod()必须加这项，否则客户端数据不会传到服务端
     data:{如上所述},//注意：data参数可以是string个int类型
     url: "List.aspx/DeleteNews",//模拟web服务，提交到方法
     // 可选的 async:false,阻塞的异步就是同步
     beforeSend:function(){
          // do something.
          // 一般是禁用按钮等防止用户重复提交
          $("#btnClick").attr({disabled:"disabled"});
          // 或者是显示loading图片
     },
     success: function (data) {
          alert("success: " + data.d);//注意这里：必须通过data.d才能获取到服务器返回的值
          // 服务端可以直接返回Model，也可以返回序列化之后的字符串，如果需要反序列化：string json = JSON.parse(data.d);
          // 有时候需要嵌套调用ajax请求，也是可以的
     },
     complete: function(){
          //do something.
          $("#btnClick").removeAttr("disabled");
          // 隐藏loading图片
     }，
     error: function (data) {
          alert("error: " + data.d);
     }
});

jQuery Ajax无刷新操作一般处理程序 ashx的更多相关文章

  1. jQuery Ajax无刷新操作

    下面是“无刷新登录”的例子,采用Ashx+jQuery Ajax实现. //后台实例代码 ashx文件(可替换为从数据库中读取) public void ProcessRequest(HttpCont ...

  2. JQUERY AJAX无刷新异步上传文件

    AJAX无刷新上传文件并显示 http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicool jQuery For ...

  3. LigerUi框架+jquery+ajax无刷新留言板系统的实现

    前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板 ...

  4. JQuery+AJax - 无刷新使用验证码

    最终效果: 项目目录: Default.aspx前端代码: <%@ Page Language="C#" AutoEventWireup="true" C ...

  5. jquery+ajax无刷新加载数据，新闻浏览更多

      <script type="text/javascript"> $(document).ready(function (){ $(window).scroll(fu ...

  6. jquery ajax 无刷新上传

    var form = new FormData(); form.append('file', $("#submitmaterials").find("input" ...

  7. jQuery实现form表单基于ajax无刷新提交方法详解

    本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC &quo ...

  8. js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符

    js中对arry数组的各种操作小结   最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...

  9. ajaxfileupload.js插件结合一般处理文件实现Ajax无刷新上传

    先上几张图更直观展示一下要实现的功能.本功能主要通过Jquery ajaxfileupload.js插件结合ajaxUpFile.ashx一般应用程序处理文件实现Ajax无刷新上传功能,结合NPOI2 ...

随机推荐

  1. [USACO2009 NOV GOLD]奶牛的图片

    校内题,不给传送门了. 以前做完NOIp2013的火柴排队那道题后,当时很担心NOIp会出那种题,因为贪心的规则能不能看出来真的要看运气.但是这类题做多了后发现其实那道题的规则其实是很多题都已经用到了 ...

  2. python 培训之爬虫

    1. 输入文件为 fufang_list.txt yaofang_a aaiwan 阿艾丸 yaofang_a aaiwulingsan 阿艾五苓散 yaofang_a acaitang 阿菜汤 ya ...

  3. BZOJ1568: [JSOI2008]Blue Mary开公司

    可以平衡树或线段树维护斜率来做. 还有一种线段树直接打标记的做法: 线段树每个节点存一条线段作为标记,打标记时如果已有标记,则把占优区间小的那个线段下放. #include<cstdio> ...

  4. C#获取C++中修改过的float数组(指针)，dll

    C++中 struct rankPoint{ float sim; }; ]){ ; i < ; i++) prank[i].sim = ; ; i < ; i++) prank[i].s ...

  5. chmod 和 chown 的用法

    一.chown 命令 用途:更改文件的所有者或组.命令由单词change owner组合而成. 使用示例: 1,更改文件的所有者: chown jim program.c 文件 program.c 的 ...

  6. CentOS编译安装NodeJS+Express

    NodeJS是基于Chrome’s Javascript runtime,也就是Google V8引擎执行Javascript的快速构建网络服务及应用的平台,其优点有: 在CentOS编译安装Node ...

  7. ioctlsocket()

    ioctlsocket()是控制套接口的模式. 外文名 ioctlsocket() 含    义 控制套接口的模式 头文件 #include <winsock.h> 性    质 函数 目 ...

  8. 9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  9. Spring解析实践

    这几天重新把传智播客的黎活明的Spring2.5的教程学习了一遍,跟着上面的解析Spring的过程跟着制作了一个简单的Spring IOC和Spring AOP,先在贴上来给大家参考一下. 1:管理B ...

  10. 数据库实现多站点共享Session

    数据库实现多站点共享Session 多站点共享Session有很多方法,多站点共享Session常见的做法有: 使用.net自动的状态服务(Asp.net State Service); 使用.net ...