立即前往

活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
查看全部活动
热门活动
  • 智算采购季 热销S6云服务器2核4G限时88元/年起,部分主机可加赠对象存储组合包!
  • 免费体验DeepSeek,上天翼云息壤 NEW 新老用户均可免费体验2500万Tokens,限时两周
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 一键部署Llama3大模型学习机 0代码一键部署,预装最新主流大模型Llama3与StableDiffusion
  • 中小企业应用上云专场 产品组合下单即享折上9折起,助力企业快速上云
  • 息壤高校钜惠活动 NEW 天翼云息壤杯高校AI大赛,数款产品享受线上订购超值特惠
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 天翼云奖励推广计划 加入成为云推官,推荐新用户注册下单得现金奖励
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅
  • 天翼云用户体验官 NEW 您的洞察,重塑科技边界

智算服务

打造统一的产品能力,实现算网调度、训练推理、技术架构、资源管理一体化智算服务
智算云(DeepSeek专区)
科研助手
  • 算力商城
  • 应用商城
  • 开发机
  • 并行计算
算力互联调度平台
  • 应用市场
  • 算力市场
  • 算力调度推荐
一站式智算服务平台
  • 模型广场
  • 体验中心
  • 服务接入
智算一体机
  • 智算一体机
大模型
  • DeepSeek-R1-昇腾版(671B)
  • DeepSeek-R1-英伟达版(671B)
  • DeepSeek-V3-昇腾版(671B)
  • DeepSeek-R1-Distill-Llama-70B
  • DeepSeek-R1-Distill-Qwen-32B
  • Qwen2-72B-Instruct
  • StableDiffusion-V2.1
  • TeleChat-12B

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城进入云市场创新解决方案
办公协同
  • WPS云文档
  • 安全邮箱
  • EMM手机管家
  • 智能商业平台
财务管理
  • 工资条
  • 税务风控云
企业应用
  • 翼信息化运维服务
  • 翼视频云归档解决方案
工业能源
  • 智慧工厂_生产流程管理解决方案
  • 智慧工地
建站工具
  • SSL证书
  • 新域名服务
网络工具
  • 翼云加速
灾备迁移
  • 云管家2.0
  • 翼备份
资源管理
  • 全栈混合云敏捷版(软件)
  • 全栈混合云敏捷版(一体机)
行业应用
  • 翼电子教室
  • 翼智慧显示一体化解决方案

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云服务合作伙伴
  • 天翼云集成商交付能力认证
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴
  • 天翼云甄选商城合作伙伴
天翼云技术合作伙伴
  • 天翼云OpenAPI中心
  • 天翼云EasyCoding平台
天翼云培训认证
  • 天翼云学堂
  • 天翼云市场商学院
天翼云合作计划
  • 云汇计划
天翼云东升计划
  • 适配中心
  • 东升计划
  • 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
  • 专栏文章
  • 互动问答
  • 技术视频
资源与工具
  • OpenAPI中心
开放能力
  • EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂
  • 天翼云认证
魔乐社区
  • 魔乐社区

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • 文档中心
  • 新手上云
  • 自助服务
  • OpenAPI中心
定价
  • 价格计算器
  • 定价策略
基础服务
  • 售前咨询
  • 在线支持
  • 在线支持
  • 工单服务
  • 建议与反馈
  • 用户体验官
  • 服务保障
  • 客户公告
  • 会员中心
增值服务
  • 红心服务
  • 客户支持计划
  • 专家技术服务
  • 备案管家

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云
  • 智算云
  • 天翼云4.0
  • 新闻资讯
  • 天翼云APP
基础设施
  • 全球基础设施
  • 产品能力
  • 信任中心
最佳实践
  • 精选案例
  • 超级探访
  • 云杂志
  • 分析师和白皮书
  • 天翼云·创新直播间
市场活动
  • 2025智能云生态大会
  • 2024智算云生态大会
  • 2023云生态大会
  • 2022云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
    • 关系数据库SQL Server版
    • 企业主机安全
    • 云防火墙
    • CDN加速
    • 物理机
    • GPU云主机
    • 天翼云电脑(政企版)
    • 天翼云电脑(公众版)
    • 云主机备份
    • 弹性云主机
      搜索发现
      关系数据库SQL Server版企业主机安全云防火墙CDN加速物理机GPU云主机天翼云电脑(政企版)天翼云电脑(公众版)云主机备份弹性云主机
    • 文档
    • 控制中心
    • 备案
    • 管理中心
    • 登录
    • 免费注册

    Ajax&Json笔记(1)

    首页 知识中心 服务器 文章详情页

    Ajax&Json笔记(1)

    2023-02-22 07:36:34 阅读次数:136

    数据,ajax,服务器,xml,json


    今日内容

    1. AJAX:
    2. JSON

    AJAX:

    1. 概念: ASynchronous JavaScript And XML  异步的JavaScript 和 XML
      1. 异步和同步:客户端和服务器端相互通信的基础上
        * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
        * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。
    
        Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 [1] 
        通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
        传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
    
        提升用户的体验
    
    2. 实现方式:
      1. 原生的JS实现方式(了解)
             //1.创建核心对象
                  var xmlhttp;
                  if (window.XMLHttpRequest)
                  {// code for IE7+, Firefox, Chrome, Opera, Safari
                      xmlhttp=new XMLHttpRequest();
                  }
                  else
                  {// code for IE6, IE5
                      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                  }
    
                  //2. 建立连接
                  /*
                      参数:
                          1. 请求方式:GET、POST
                              * get方式,请求参数在URL后边拼接。send方法为空参
                              * post方式,请求参数在send方法中定义
                          2. 请求的URL:
                          3. 同步或异步请求:true(异步)或 false(同步)
    
                   */
                  xmlhttp.open("GET","ajaxServlet?username=tom",true);
    
                  //3.发送请求
                  xmlhttp.send();
    
                  //4.接受并处理来自服务器的响应结果
                  //获取方式 :xmlhttp.responseText
                  //什么时候获取?当服务器响应成功后再获取
    
                  //当xmlhttp对象的就绪状态改变时,触发事件onreadystatechange。
                  xmlhttp.onreadystatechange=function()
                  {
                      //判断readyState就绪状态是否为4,判断status响应状态码是否为200
                      if (xmlhttp.readyState==4 && xmlhttp.status==200)
                      {
                         //获取服务器的响应结果
                          var responseText = xmlhttp.responseText;
                          alert(responseText);
                      }
                  }
      2. JQeury实现方式
        1. $.ajax()
          * 语法:$.ajax({键值对});
           //使用$.ajax()发送异步请求
                  $.ajax({
                      url:"ajaxServlet1111" , // 请求路径
                      type:"POST" , //请求方式
                      //data: "username=jack&age=23",//请求参数
                      data:{"username":"jack","age":23},
                      success:function (data) {
                          alert(data);
                      },//响应成功后的回调函数
                      error:function () {
                          alert("出错啦...")
                      },//表示如果请求响应出现错误,会执行的回调函数
    
                      dataType:"text"//设置接受到的响应数据的格式
                  });
        2. $.get():发送get请求
          * 语法:$.get(url, [data], [callback], [type])
            * 参数:
              * url:请求路径
              * data:请求参数
              * callback:回调函数
              * type:响应结果的类型
    
        3. $.post():发送post请求
          * 语法:$.post(url, [data], [callback], [type])
            * 参数:
              * url:请求路径
              * data:请求参数
              * callback:回调函数
              * type:响应结果的类型

    JSON:

    1. 概念: JavaScript Object Notation   JavaScript对象表示法
      Person p = new Person();
      p.setName("张三");
      p.setAge(23);
      p.setGender("男");
    
      var p = {"name":"张三","age":23,"gender":"男"};
    
      * json现在多用于存储和交换文本信息的语法
      * 进行数据的传输
      * JSON 比 XML 更小、更快,更易解析。
    
    2. 语法:
      1. 基本规则
        * 数据在名称/值对中:json数据是由键值对构成的
          * 键用引号(单双都行)引起来,也可以不使用引号
          * 值得取值类型:
            1. 数字(整数或浮点数)
            2. 字符串(在双引号中)
            3. 逻辑值(true 或 false)
            4. 数组(在方括号中)  {"persons":[{},{}]}
            5. 对象(在花括号中) {"address":{"province":"陕西"....}}
            6. null
        * 数据由逗号分隔:多个键值对由逗号分隔
        * 花括号保存对象:使用{}定义json 格式
        * 方括号保存数组:[]
      2. 获取数据:
        1. json对象.键名
        2. json对象["键名"]
        3. 数组对象[索引]
        4. 遍历
             //1.定义基本格式
                var person = {"name": "张三", age: 23, 'gender': true};
    
                var ps = [{"name": "张三", "age": 23, "gender": true},
                    {"name": "李四", "age": 24, "gender": true},
                    {"name": "王五", "age": 25, "gender": false}];
    
    
    
    
                //获取person对象中所有的键和值
                //for in 循环
               /* for(var key in person){
                    //这样的方式获取不行。因为相当于  person."name"
                    //alert(key + ":" + person.key);
                    alert(key+":"+person[key]);
                }*/
    
               //获取ps中的所有值
                for (var i = 0; i < ps.length; i++) {
                    var p = ps[i];
                    for(var key in p){
                        alert(key+":"+p[key]);
                    }
                }
    
    
    3. JSON数据和Java对象的相互转换
    
      * JSON解析器:
        * 常见的解析器:Jsonlib,Gson,fastjson,jackson
    
      1. JSON转为Java对象
        1. 导入jackson的相关jar包
        2. 创建Jackson核心对象 ObjectMapper
        3. 调用ObjectMapper的相关方法进行转换
          1. readValue(json字符串数据,Class)
      2. Java对象转换JSON
        1. 使用步骤:
          1. 导入jackson的相关jar包
          2. 创建Jackson核心对象 ObjectMapper
          3. 调用ObjectMapper的相关方法进行转换
            1. 转换方法:
              * writeValue(参数1,obj):
                          参数1:
                              File:将obj对象转换为JSON字符串,并保存到指定的文件中
                              Writer:将obj对象转换为JSON字符串,并将json数据填充到字符输出流中
                              OutputStream:将obj对象转换为JSON字符串,并将json数据填充到字节输出流中
                      * writeValueAsString(obj):将对象转为json字符串
    
            2. 注解:
              1. @JsonIgnore:排除属性。
              2. @JsonFormat:属性值得格式化
                * @JsonFormat(pattern = "yyyy-MM-dd")
    
            3. 复杂java对象转换
              1. List:数组
              2. Map:对象格式一致

    案例:

    * 校验用户名是否存在
      1. 服务器响应的数据,在客户端使用时,要想当做json数据格式使用。有两种解决方案:
        1. $.get(type):将最后一个参数type指定为"json"
        2. 在服务器端设置MIME类型
          response.setContentType("application/json;charset=utf-8");
    版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/teayear/4778939,作者:跟张哥学编程,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

    上一篇:struts2修改配置文件位置

    下一篇:Servlet&HTTP&Request笔记

    相关文章

    2025-04-23 08:18:38

    基础—SQL—DML(数据操作语言)插入数据

    基础—SQL—DML(数据操作语言)插入数据

    2025-04-23 08:18:38
    字段 , 字段名 , 插入 , 数据 , 添加 , 表中
    2025-04-23 08:18:21

    【大数据生态】Oozie 入门学习

    Oozie 是一个用来管理 Hadoop 生态圈 job 的工作流调度系统。由 Cloudera 公司贡献给 Apache。Oozie 是运行于 Java servlet 容器上的一个 java web 应 用。

    2025-04-23 08:18:21
    job , xml , 定时 , 调度
    2025-04-22 09:28:19

    Mybatis-Flex实战

    Mybatis-Flex实战

    2025-04-22 09:28:19
    主键 , 数据 , 查询
    2025-04-22 09:27:37

    【数据结构】栈和队列-->理解和实现(赋源码)

    【数据结构】栈和队列-->理解和实现(赋源码)

    2025-04-22 09:27:37
    初始化 , 删除 , 数据 , 队列
    2025-04-22 09:27:17

    c语言中文件操作

    c语言中文件操作

    2025-04-22 09:27:17
    指针 , 数据 , 文件 , 程序 , 输出
    2025-04-18 08:02:09

    基础—SQL—DML(数据操作语言)修改和删除

    基础—SQL—DML(数据操作语言)修改和删除

    2025-04-18 08:02:09
    DML , WHERE , 修改 , 删除 , 字段 , 数据 , 表名
    2025-04-18 08:02:09

    CUDA从入门到精通(四)——数据划分方法介绍

    在并行计算或数据并行编程中,数据划分是将大量数据分配给多个计算单元(如 GPU 线程或 CPU 核心)进行并行处理的重要技术。块划分(Block Partitioning)和周期划分(Cyclic Partitioning)是两种常见的划分方式,它们的区别主要体现在 数据分配的模式 上。

    2025-04-18 08:02:09
    分配 , 划分 , 数据 , 矩阵 , 线程 , 负载
    2025-04-18 08:01:53

    基础—SQL—通用语法及分类

    在编写SQL语句的时候,如果长度比较长,我们可以允许空格/缩进来增强语句的可读性,而且空格或者缩进的个数可以是一个或多个,基本没啥影响。

    2025-04-18 08:01:53
    MySQL , SQL , 数据 , 数据库 , 注释 , 语句
    2025-04-18 07:11:40

    DDL—表—数据类型—字符串类型相关语法

    DDL—表—数据类型—字符串类型相关语法

    2025-04-18 07:11:40
    bytes , 二进制 , 字符串 , 存储 , 描述 , 数据 , 文本
    2025-04-18 07:11:40

    Java数据结构之《快速排序》

    Java数据结构之《快速排序》

    2025-04-18 07:11:40
    int , 代码 , 分支 , 排序 , 数据 , 样例 , 输出
    查看更多
    推荐标签

    作者介绍

    天翼云小翼
    天翼云用户

    文章

    32777

    阅读量

    4866841

    查看更多

    最新文章

    一致性哈希算法介绍

    2025-04-18 07:11:19

    高性能、高可靠性!Kafka的技术优势与应用场景全解析

    2025-04-15 09:19:55

    JumpServer各种用户的关联与管理

    2025-04-09 09:12:41

    小课2:筛选信息命令

    2025-04-01 10:28:37

    数据库小白变大咖:社招面试MySQL高可用问题解决攻略!

    2025-03-27 09:34:39

    XSS攻击和CSRF攻击解析

    2025-03-26 09:34:16

    查看更多

    热门文章

    用ftp服务器进行yum源的设置

    2023-04-21 03:04:35

    Confluence 6 配置服务器基础地址

    2023-04-23 09:34:48

    linux环境日志排查,cat命令关键字查找、最近1000条、定位到指定位置

    2022-12-28 07:22:30

    linux中常见工具安装问题集锦

    2023-05-05 10:12:49

    Ubuntu18.04搭建Web服务器

    2023-04-21 02:58:02

    Mac 终端连接linux程服务器并相互传输文件

    2023-04-23 09:44:23

    查看更多

    热门标签

    服务器 linux 虚拟机 Linux 运维 数据库 网络 日志 数据恢复 java python nginx 配置 centos mysql
    查看更多

    相关产品

    弹性云主机

    随时自助获取、弹性伸缩的云服务器资源

    天翼云电脑(公众版)

    便捷、安全、高效的云电脑服务

    对象存储

    高品质、低成本的云上存储服务

    云硬盘

    为云上计算资源提供持久性块存储

    查看更多

    随机文章

    硬盘亮黄灯没有及时处理导致硬盘被踢出解决方法

    k8s安装lalserver流媒体服务器,yaml如何写?

    Linux作业练习题-解答

    高性能、高可靠性!Kafka的技术优势与应用场景全解析

    SQLSERVER数据库备份/恢复

    服务器数据恢复案例探究

    • 7*24小时售后
    • 无忧退款
    • 免费备案
    • 专家服务
    售前咨询热线
    400-810-9889转1
    关注天翼云
    • 权益商城
    • 天翼云APP
    • 天翼云微信公众号
    服务与支持
    • 备案中心
    • 售前咨询
    • 智能客服
    • 自助服务
    • 工单管理
    • 客户公告
    • 涉诈举报
    账户管理
    • 管理中心
    • 订单管理
    • 余额管理
    • 发票管理
    • 充值汇款
    • 续费管理
    快速入口
    • 权益商城
    • 文档中心
    • 最新活动
    • 免费试用
    • 信任中心
    • 天翼云学堂
    云网生态
    • 甄选商城
    • 渠道合作
    • 云市场合作
    了解天翼云
    • 关于天翼云
    • 天翼云APP
    • 服务案例
    • 新闻资讯
    • 联系我们
    热门产品
    • 云电脑
    • 弹性云主机
    • 云电脑政企版
    • 天翼云手机
    • 云数据库
    • 对象存储
    • 云硬盘
    • Web应用防火墙
    • 服务器安全卫士
    • CDN加速
    热门推荐
    • 云服务备份
    • 边缘安全加速平台
    • 全站加速
    • 安全加速
    • 云服务器
    • 云主机
    • 智能边缘云
    • 应用编排服务
    • 微服务引擎
    • 共享流量包
    更多推荐
    • web应用防火墙
    • 密钥管理
    • 等保咨询
    • 安全专区
    • 应用运维管理
    • 云日志服务
    • 文档数据库服务
    • 云搜索服务
    • 数据湖探索
    • 数据仓库服务
    友情链接
    • 中国电信集团
    • 189邮箱
    • 天翼企业云盘
    • 天翼云盘
    ©2025 天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
    公司地址:北京市东城区青龙胡同甲1号、3号2幢2层205-32室
    • 用户协议
    • 隐私政策
    • 个人信息保护
    • 法律声明
    备案 京公网安备11010802043424号 京ICP备 2021034386号