当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 对Jquery中的ajax再封装,简化操作示例

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

2019年03月21日  | 移动技术网IT编程  | 我要评论

代码如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="https://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.x", "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")
         nbsp;   {
                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;
    }
}


您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网