用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

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

2015-09-13 作者: 中哥举报

[javascript]代码库

<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>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...