对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 相关文章推荐
浅析js封装和作用域
Jul 09 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
Dec 16 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 Javascript
Node.js复制文件的方法示例
Dec 29 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
Vue Ajax跨域请求实例详解
Jun 20 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
webpack 动态批量加载文件的实现方法
Mar 19 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 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
开源SNS系统-ThinkSNS
2008/05/18 PHP
php mail to 配置详解
2014/01/16 PHP
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
PHP开发注意事项总结
2015/02/04 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
jquery ready函数源代码研究
2009/12/06 Javascript
用js来解决ajax读取页面乱码
2010/11/28 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
2020/03/31 Javascript
JS如何操作DOM基于表格动态展示数据
2020/10/15 Javascript
python一键升级所有pip package的方法
2017/01/16 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
Python入门之三角函数sin()函数实例详解
2017/11/08 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
机器学习实战之knn算法pandas
2019/06/22 Python
python脚本后台执行方式
2019/12/21 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
Python super()函数使用及多重继承
2020/05/06 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
《猴子种果树》教学反思
2014/04/26 职场文书
优秀员工推荐信
2014/05/10 职场文书
先进党员事迹材料
2014/12/24 职场文书