1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>jQueryAjaxJson取值示例</title>
  5.     <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>
  6.     <script type="text/javascript">
  7.         $(function () {
  8.             jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack);
  9.             jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt);
  10.         });
  11.  
  12.         function callBack(data) {
  13.             $("#ddd").html('');
  14.             var json = eval(data); //数组
  15.             $.each(json, function (index, item) {
  16.                 //循环获取数据
  17.                 var name = json[index].Name;
  18.                 var age = json[index].Age;
  19.                 var sex = json[index].Sex;
  20.                 $("#ddd").html($("#ddd").html() + "<br>" + name + "  " + age + "  " + sex + "<br/>");
  21.             });
  22.         };
  23.         function callBackTxt(data) {
  24.             $("#ccc").html(data);
  25.         };
  26.  
  27.         /**
  28.         * ajax post提交
  29.         * @param url
  30.         * @param param
  31.         * @param datat 为html,json,text
  32.         * @param callback回调函数
  33.         * @return
  34.         */
  35.         function jsonAjax(url, param, datat, callback) {
  36.             $.ajax({
  37.                 type: "post",
  38.                 url: url,
  39.                 data: param,
  40.                 dataType: datat,
  41.                 success: callback,
  42.                 error: function () {
  43.                     jQuery.fn.mBox({
  44.                         message: '恢复失败'
  45.                     });
  46.                 }
  47.             });
  48.         }
  49.  
  50.     </script>
  51. </head>
  52. <body>
  53.     <span id="ccc"></span>
  54.     <span id="ddd"></span>
  55. </body>
  56. </html>
  1. using System;
  2. //新增
  3. using System.Web.Script.Serialization;
  4. using System.Collections.Generic;
  5.  
  6. public partial class AjaxQuery : System.Web.UI.Page
  7. {
  8.     protected void Page_Load(object sender, EventArgs e)
  9.     {
  10.         if (!IsPostBack)
  11.         {
  12.             //数据模拟,仅供参考
  13.             string messgage = string.Empty;
  14.             string id = Request["id"];
  15.             string name = Request["name"];
  16.             string gettype = Request["type"];
  17.             if (gettype=="text")
  18.             {
  19.                 messgage = (id == "1" && name == "2") ? "ok符合条件" : "sorry不符合条件";
  20.             }
  21.             else if (gettype == "json")
  22.             {
  23.                 List<Student> list = new List<Student>();
  24.                 for (int i = 0; i < 50; i++)
  25.                 {
  26.                     Student a = new Student();
  27.                     a.Name = "张三" + i;
  28.                     a.Age = i;
  29.                     a.Sex = "男";
  30.                     list.Add(a);
  31.                 }
  32.                 messgage = new JavaScriptSerializer().Serialize(list);
  33.             }
  34.             else
  35.             { }
  36.             Response.Write(messgage);
  37.             Response.End();
  38.         }
  39.     }
  40.     public struct Student
  41.     {
  42.         public string Name;
  43.         public int Age;
  44.         public string Sex;
  45.     }
  46. }

对Jquery中的ajax再封装,简化操作的更多相关文章

  1. JavaScript原生封装ajax请求和Jquery中的ajax请求

    前言:ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果.Ajax 在浏览器与 Web 服务器之间使用异步 ...

  2. 深入理解ajax系列第九篇——jQuery中的ajax

    前面的话 jQuery提供了一些日常开发中需要的快捷操作,例如load.ajax.get和post等,使用jQuery开发ajax将变得极其简单.这样开发人员就可以将程序开发集中在业务和用户体验上,而 ...

  3. jQuery入门（4）jQuery中的Ajax应用

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  4. 【Java EE 学习 33 上】【JQuery样式操作】【JQuery中的Ajax操作】【JQuery中的XML操作】

    一.JQuery中样式的操作 1.给id=mover的div采用属性增加样式.one $("#b1").click(function(){ $("#mover" ...

  5. 浅谈jQuery中的Ajax

    浅谈jQuery中的Ajax 一.前言 jQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post ...

  6. 从零开始学习jQuery (六) jquery中的AJAX使用

    本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即 ...

  7. Jquery中的Ajax

    AJAX: * jQuery中的Ajax * 封装第一层 - 类似于原生Ajax的用法 * $.ajax() - 最复杂 * 选项 * url - 请求地址 * type - 请求类型,默认为GET ...

  8. jquery中的ajax参数

    jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...

  9. 两强相争，鹿死谁手 — JQuery中的Ajax与AngularJS中的$http

    一.JQuery与AngularJS 首先,先简单的了解一下JQuery与AngularJS.从源头上来说,两者都属于原生JS所封装成的库,两种为平行关系. 二.Ajax请求与数据遍历打印 这里是Aj ...

随机推荐

  1. JS自定义对象以及相关成绩系统完整案例演示

    [自定义对象] 1.基本概念 ①对象是拥有一系列无无序属性和方法的集合 ②键值对:对象中的数据,用以键值对的形式存在,对象的每个属性和方法,都对应一个键值,以键取值 ③属性:描述对象特征的一系列变量称 ...

  2. 软工+C(2017第8期) 提问与回复

    // 上一篇:野生程序员 // 下一篇:助教指南 在线上博客教学里引入了第三方助教,助教在每次作业期间尽力完成"消灭零点评"的目标.然而紧接而来的问题是:学生对博客作业点评的回复率 ...

  3. 个人作业3——个人总结（Alpha阶段)

    个人总结 Alpha阶段总结: 起初关于手机app的开发真的一无所知,选了一条较远的路走(使用 Android Studio 来开发 Android 应用更加方便,而我们选用 Eclipse 开发 A ...

  4. 201521123040《Java程序设计》第2周学习总结

    1. 本周学习总结 本周学习目录: <1>回顾(Java程序) <2>掌握各种数据类型的使用 <3>掌握运算符和表达式的使用 <4>枚举类.String ...

  5. 201521123029《Java程序设计》第十二周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容. 2. 书面作业 将Student对象(属性:int id, String name,int age,doubl ...

  6. MySQL的JOIN（五）：JOIN优化实践之排序

    这篇博文讲述如何优化JOIN查询带有排序的情况.大致分为对连接属性排序和对非连接属性排序两种情况.插入测试数据. CREATE TABLE t1 ( id INT PRIMARY KEY AUTO_I ...

  7. cnpack热键

    CnPack的热键为ALt+space,当不自动补齐时按下Alt+space则会补齐

  8. 再起航，我的学习笔记之JavaScript设计模式23(中介者模式)

    中介者模式 概念介绍 中介者模式(Mediator):通过中介者对象封装一系列对象之间的交互,使对象之间不再相互引用降低他们之间的耦合,有时中介者对象也可以改变对象之间的交互. 创建一个中介 中介者模 ...

  9. Java图的邻接矩阵实现

    /** * * 图的邻接矩阵实现 * @author John * * @param <T> */ class AMWGraph<T> { private ArrayList& ...

  10. Oracle中如何插入特殊字符：& 和 ' (多种解决方案)-转载

    文章出处:http://blog.sina.com.cn/s/blog_5f39af320101gb3f.html 今天在导入一批数据到Oracle时,碰到了一个问题:Toad提示要给一个自定义变量A ...