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. django 模板中url的处理

    在模板中直接添加‘/home’这样的链接是十分不推荐的,因为这是一个相对的链接,在不同网页中打开可能会返回不一样的结果. 所以推荐的是 <a href="{{ object.get_a ...

  2. 执行查询报： Incorrect key file for table ‘test’; try to repair it

    报错信息如下:程序没有错误,但执行会报错,错误定在执行语句上 查了一下资料 网上的解决办法,亲试可用: mysql> use news;Database changedmysql> rep ...

  3. K米--案例分析

    第三次作业- -K米软件评测 第一部分 调研.评测 评测: 下载并使用.描述最简单直观的个人第一次上手体验: 第一次下载打开.这个简介粗矿的界面让偶着实吓了一跳.界面设计的有板有眼.直接了当.就像是在 ...

  4. RBM Formula Deduction

    Energy based Model the probability distribution (softmax function): \[p(x)=\frac{\exp(-E(x))}{\sum\l ...

  5. 数据结构与算法分析 - 网络流入门（Network Flow）

    转载:网络流基础篇--Edmond-Karp算法             BY纳米黑客 网络流的相关定义: 源点:有n个点,有m条有向边,有一个点很特殊,只出不进,叫做源点. 汇点:另一个点也很特殊, ...

  6. PHP-权限控制类

    http://blog.csdn.net/painsonline/article/details/7183679 <?php /** * 权限控制类 */ class include_purvi ...

  7. 最短路径(Floyd)算法

    #include <stdio.h>#include <stdlib.h>/* Floyd算法 */#define VNUM 5#define MV 65536int P[VN ...

  8. Module模式

    <script> var myModel=(function(){ var model={}; var privateVar="Hello World"; functi ...

  9. Ruby on rails学习笔记——安装环境

    出现问题: C:\Users\len>gem install rails ERROR: While executing gem ... (Gem::RemoteFetcher::FetchErr ...

  10. fcc的中级算法题

    核心提示:这是网上开源编程学习项目FCC的javascript中级编程题(Intermediate Algorithm Scripting(50 hours)),一共20题.建议时间是50个小时,对于 ...