zoukankan      html  css  js  c++  java
  • JQuery封装的ajax、ajax上传文件、JSON对象

    JQuery模式的ajax调用
    $(function(){
       $('input[name=username]').change(function(){
        $.ajax({
            type:"post",        //请求方式
            url:"checkName",    //请求URL地址
            data:"name="+this.value,//请求的参数
            success:function(msg){  //成功时的处理函数,msg为服务端传回的文本
                alert(msg);
            }
        });
       })
    });

    多个参数可以用以下方式:
    data:{
        name:username,
        sex:usex,
        age:uage
    }

    ajax上传文件
    jQuery插件AjaxFileUpload实现ajax文件上传:
         $.ajaxFileUpload({
                url: 'uploadAjax.htm', 
                type: 'post',
                secureuri: false,         //一般设置为false
                fileElementId: 'file',     // 上传文件的id、name属性名
            allowType:'jpg,jpeg,png,JPG,JPEG,PNG',  //限制文件类型
                success: function(msg){  
                    alert(msg);
                },
                error: function(msg){ 
                    alert(msg);
                }
            });


    Json

    创建JSON对象
    var str = {"name":"张三","age":20}; 
    JSON对象由 名称/值对组成 名称和值之间用冒号:隔开 
    名称必须用双引号" 包含起来 
    值可以是任意javascript数据类型,字符串,布尔,数字 ,数组甚至是对象 
    不同的名称/值对之间用 逗号 , 隔开

    访问JSON对象的属性
    console.log("姓名:"+str.name)
    console.log("年龄:"+str.age)

    创建JSON数组
    var heros=
    [
        {"name":"盖伦","hp":616},
        {"name":"提莫","hp":313},
        {"name":"死歌","hp":432},
        {"name":"火女","hp":389}
    ]

    访问JSON数组
    console.log("第4个英雄是:"+heros[3].name)

    字符串拼接得到一个JSON结构的字符串,并不是一个JSON对象。 需要通过eval转换得到
    var s1 = "{"name":"盖伦"";
    var s2 = ","hp":616}";
    var s3 = s1+s2;
    //eval转换要以( 开头,)结尾
    var gareen = eval("("+s3+")");
    或者使用JQuery的$.parseJSON转换函数
    $.parseJSON(s3);

    json 对象因为是一个javascript对象,所以如果直接打印的话,看不到里面的内容。
    有时候要看看这个对象是不是我们期望的,所以需要通过 JSON.stringify 函数把它转换为 字符串
    var s = JSON.stringify(s3);//s="{"name":"盖伦","hp":616}";

    Ueditor富文本编辑器下有个json.jar包
    通过JSONObject(Object bean)和JSONArray(Collection collection )方法,可以将对象和集合转化为json对象
    用ajax接收json对象的时候,需要增加属性dataType:"json",如下:
    JQuery模式的ajax调用
    $(function(){
       $('input[name=username]').change(function(){
        $.ajax({
            type:"post",        //请求方式
            url:"checkName",    //请求URL地址
            data:"name="+this.value,//请求的参数
            success:function(msg){  //成功时的处理函数,msg为服务端传回的文本
                alert(msg);
            },
            dataType:"json"
        });
       })
    });

  • 相关阅读:
    漫谈怎样学习操作系统原理
    二分图的最大匹配、完美匹配和匈牙利算法
    Web报表工具FineReport中JavaScript的使用
    Java Web -- Servlet(1) 必备知识
    xxxxxxclub系统模块分类
    经典排序算法——选择排序
    github+hexo+node.js搭建个人博客基本过程及遇到的问题
    自己做小项目的流程(慢慢完善)
    二分查找
    Eclipse中遇到The type XXX cannot be resolved. It is indirectly referenced from required .class files错误
  • 原文地址:https://www.cnblogs.com/snzd9958/p/10098988.html
Copyright © 2011-2022 走看看