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. linux下memcache的运用，和php结合小案例。

    由于是采用脚本安装的memache,所以软件的依赖关系我就不操心了,脚本已经帮我装好了和php的关联关系,实在是很省心.后续如果有需要,我会针对windows和linux各写一个安装和配置的说明,一来 ...

  2. 高性能JavaScript笔记一（加载和执行、数据访问、DOM编程）

    写在前面 好的书,可能你第一遍并不能领会里面的精魂,当再次细细品评的时候,发现领悟的又是一层新的含义 (这段时间,工作上也不会像从前一样做起来毫不费力,开始有了新的挑战,现在的老大让我既佩服又嫉妒,但 ...

  3. Can not issue data manipulation statements with executeQuery() 异常处理

    1.这个异常的报错翻译过来就是 不能发出数据操纵语句与executeQuery() 2.这里要检查一下你要执行的实际SQL语句要做什么操作 查询呢?还是修改? 3.如果是修改的话,需要添加@Modif ...

  4. HIbernate的写法总结

    普通表操作 普通操作莫过于CRUD,建好表了之后对表的数据进行操作.详见代码. package package2; import org.hibernate.Session; import org.h ...

  5. Python capitalize()方法

    Python capitalize()方法 capitalize()方法返回字符串的一个副本,只有它的第一个字母大写.对于8位的字符串,这个方法与语言环境相关. 语法 以下是capitalize()方 ...

  6. macbook pro的usb串口失效的的处理方法

    macbook pro的usb串口失效的的处理方法 2011-08-24 12:14:32|  分类: mac|举报|字号 订阅     今天开电脑,无端端一个usb的串口失效了,接入鼠标 iphon ...

  7. SRS(simple-rtmp-server)

     1.Push h.264 to rtmp server from tcp.

  8. Ftp软件

    http://www.xlightftpd.com/cn/index.htm FileZilla Server官网:http://www.filezilla-project.org/

  9. Python 对象的引用计数和拷贝

    Python 对象的引用计数和拷贝 Python是一种面向对象的语言,包括变量.函数.类.模块等等一切皆对象. 在python中,每个对象有以下三个属性: 1.id,每个对象都有一个唯一的身份标识自己 ...

  10. struts2进阶篇(2)

    一.Action与MVCstruts2是一个基于MVC的web应用框架,它将应用程序分为三个组件:模型,视图,控制器.模型:包含了应用程序的业务逻辑和业务数据,由封装数据和处理业务的javaBean组 ...