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. String 与StringBuffer的区别与使用

    摘自:http://www.cnblogs.com/kaituorensheng/p/3776484.html 区别: String类是字符串常量,是不可更改的常量.而StringBuffer是字符串 ...

  2. Ubuntu学习总结-04 搭建JAVA开发环境

    JAVA开发环境是一种跨平台的程序设计语言,可以在windows.LINUX等操作系统上进行开发. 1 下载JDK 从以下地址下所需的jdk安装包 . http://www.oracle.com/te ...

  3. JS-Math对象

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>M ...

  4. linux中权限的修改

    修改访问权限的linux名是:Linux访问权限的问题是这样子的:比如 d rwx rwx rwx ,d是文件所在的文件,后面有9位,分别代表不同者的权限.第一个rwx代表这文件的所有者的权限,r是r ...

  5. Objective 多态

    多态的特点 1.没有继承就没有多态 2.代码的体现:父类类型的指针指向子类对象 3.好处:如果函数方法参数中使用的是父类类型,则可以传入父类和子类对象,而不用再去定义多个函数来和相应的类进行匹配了. ...

  6. Interface/接口

    1. 类和结构能够实现接口 2. 接口声明包含如下四种类型:属性.方法.事件和索引:这些函数声明不能包含任何实现代码,而在每一个成员的主体后必须使用分号 3. 继承接口的类或结构必须实现接口中的所有成 ...

  7. DRY原则

    DRY--Don't Repeat Yourself Principle,直译为"不要重复自己"原则 DRY简而言之,就是不要写重复的代码.原则本身很简单,但是,对于OOAD(面向 ...

  8. Extjs GridPanel用法详解

    Extjs GridPanel 提供了非常强大数据表格功能,在GridPanel可以展示数据列表,可以对数据列表进行选择.编辑等.在之前的Extjs MVC开发模式详解中,我们已经使用到了GridPa ...

  9. WinForm------GridControl控件中使用SearchLookUpEdit控件的方法

    1.在数据库添加两张表,拥有主外键关系 主键表: 外键表: 2.往工具栏里拖出GridCont控件,并增加相应的列,这里对"省份"进行修改,"FileName" ...

  10. Python 调用 user32.dll

    import ctypes h = ctypes.windll.LoadLibrary("C:\\Windows\\System32\\user32.dll") h.Message ...