对Jquery中的ajax再封装,简化操作示例


Posted in Javascript onFebruary 12, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQueryAjaxJson取值示例</title>
    <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        $(function () {
            jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack);
            jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt);
        });
        function callBack(data) {
            $("#ddd").html('');
            var json = eval(data); //数组  
            $.each(json, function (index, item) {
                //循环获取数据
                var name = json[index].Name;
                var age = json[index].Age;
                var sex = json[index].Sex;
                $("#ddd").html($("#ddd").html() + "<br>" + name + "  " + age + "  " + sex + "<br/>");
            });
        };
        function callBackTxt(data) {
            $("#ccc").html(data);
        };
        /**
        * ajax post提交
        * @param url
        * @param param
        * @param datat 为html,json,text
        * @param callback回调函数
        * @return
        */
        function jsonAjax(url, param, datat, callback) {
            $.ajax({
                type: "post",
                url: url,
                data: param,
                dataType: datat,
                success: callback,
                error: function () {
                    jQuery.fn.mBox({
                        message: '恢复失败'
                    });
                }
            });
        }
    </script>
</head>
<body>
    <span id="ccc"></span>
    <span id="ddd"></span>
</body>
</html>

using System;
//新增
using System.Web.Script.Serialization;
using System.Collections.Generic;
public partial class AjaxQuery : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            //数据模拟,仅供参考
            string messgage = string.Empty;
            string id = Request["id"];
            string name = Request["name"];
            string gettype = Request["type"];
            if (gettype=="text")
            {
                messgage = (id == "1" && name == "2") ? "ok符合条件" : "sorry不符合条件";
            }
            else if (gettype == "json")
            {
                List<Student> list = new List<Student>();
                for (int i = 0; i < 50; i++)
                {
                    Student a = new Student();
                    a.Name = "张三" + i;
                    a.Age = i;
                    a.Sex = "男";
                    list.Add(a);
                }
                messgage = new JavaScriptSerializer().Serialize(list); 
            }
            else
            { }
            Response.Write(messgage);
            Response.End();
        }
    }
    public struct Student
    {
        public string Name;
        public int Age;
        public string Sex;
    }
}
Javascript 相关文章推荐
给Javascript数组插入一条记录的代码
Aug 30 Javascript
常用的JavaScript模板引擎介绍
Feb 28 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
基于JavaScript实现前端文件的断点续传
Oct 17 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
Bootstrap实现翻页效果
Nov 27 Javascript
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
编写一个javascript元循环求值器的方法
Apr 14 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 #Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 #Javascript
jquery ajax,ashx,json的用法总结
Feb 12 #Javascript
Jquery中ajax方法data参数的用法小结
Feb 12 #Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 #Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 #Javascript
JavaScript cookie的设置获取删除详解
Feb 11 #Javascript
You might like
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
?生?D片??C字串
2006/12/06 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
thinkPHP微信分享接口JSSDK用法实例
2017/07/07 PHP
JavaScript控制Session操作方法
2013/01/17 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
electron踩坑之dialog中的callback解决
2020/10/06 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
班级寄语大全
2014/04/10 职场文书
教师考核评语
2014/04/28 职场文书
ktv好的活动方案
2014/08/15 职场文书
销售活动策划方案
2014/08/26 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
篮球赛新闻稿
2015/07/17 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
医德医风学习心得体会
2016/01/25 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python