云记
首页
常用软件
操作系统
技术分享
东云生态
  • 技术网站
  • 其他
关于我们
首页
常用软件
操作系统
技术分享
东云生态
  • 技术网站
  • 其他
关于我们
  • 前端技术

    • JavaScript基础知识
    • 其他
    • 正则表达式
    • Favicon
  • 后端技术

    • 数据结构
    • 开发规范
    • 路径匹配规则
    • Java字符串
    • 二维码的生成与读取
    • 雪花算法
    • SpringBoot注解
    • SpringBoot自定义banner
    • SpringBoot日志
    • Util、POJO、domain、entity、model、dao、view、mapper、service、controller的作用和区别分析
    • SpringSecurity
  • 数据库

    • MySQL
    • Oracle
  • 面试

    • Java面试

JavaScript基础知识

数组Array

方法描述注释
splice()向数组添加项目,不返回;从数组删除项目,并返回删除的项目会改变原始数组;当有item元素时,splice将在index位置之前添加item元素(无论是正数还是负数)
unshift()单元格单元格
push()单元格单元格

splice()方法

  • 定义和用法 splice() 方法向数组添加项目,返回空数组;从数组删除项目,并返回删除的项目。 注释:splice() 方法会改变原始数组。当有item元素时,splice将在index位置之前(左边)添加item元素(无论index是正数、负数还是0)
  • 语法 array.splice(index, howmany, item1, ....., itemX)
  • 参数值
    参数必需描述
    index是整数,指定在什么位置添加/删除项目,使用负值指定从数组末尾开始的位置。
    howmany否要删除的项目数。如果设置为 0,则不会删除任何项目。
    item1, ..., itemX否要添加到数组中的新项目。
  • 返回值 新数组,包含删除的项目(如果有)。

unshift()方法

  • 定义和用法 unshift() 方法将新项添加到数组的开头,并返回新的长度。 注释:unshift() 方法会改变数组的长度。
  • 语法 array.unshift(item1, item2, ..., itemX)
  • 参数值
    参数必需描述
    item1, item2, ..., itemX是要添加到数组开头的项
  • 返回值 数值,表示数组的新长度。

Ajax 请求传递data数据的三种格式

  1. 标准参数模式
  2. JSON对象格式
  3. JSON字符串格式

标准参数格式

$.ajax({
    type:"post",
    url:"/test",
    data:"tenantCode=dongyun&sign=18",
    dataType:"json",
    success: function(data){
        console.log(data);
    }
})

JSON对象格式

$.ajax({
    type:"post",
    url:"/test",
    data:{"tenantCode":"dongyun","sign":"18"},
    dataType:"json",
    success: function(data){
        console.log(data);
    }
})

JSON字符串格式

$.ajax({
    type:"post",
    url:"/test",
    data:JSON.stringify({"tenantCode":"dongyun","sign":"18"}),
    contentType:"json/application",
    dataType:"json",
    success: function(data){
        console.log(data);
    }
})

提示

  • JSON字符串格式中data写成 '{"tenantCode":"dongyun","sign":"18"}' 也行,这里需要特别注意,属性名必须用双引号包裹,而且字符串整体必须用单引号包裹双引号,否则会报错!
  • 错误示例:
  • var book = '{tenantCode:"dongyun",sign:"18"}'; // 属性名没有用双引号包裹
  • var book = "{'tenantCode':'dongyun','sign':'18'}"; // 应内双外单

总结

  • get请求用1、2类型传递参数
  • post请求用1、2、3类型传递参数

ajax属性传值方式主要写法总结

  1. 属性加引号的直接写法
data: {"loginpwd": loginpwd}
  1. 属性不加引号的直接写法
data: {loginpwd:loginpwd}
  1. 拼接数据写法,这种方式不需要加{}
data: 'loginpwd='+loginpwd+'&loginname='+loginname
  1. 序列化方式,这种方式不需要加{}
data: $("#loginpwd").serialize()
  1. 组装数据,然后复制给一个变量,在用JSON.stringify(obj)把obj转成JSON字符串,或者直接写JSON字符串
var pwd = [{id:s01,name:001}]; //数组格式
$.ajax({
      type: "post",
      url: "http://localhost:8080/toPwd",
      data: {
          pwd: JSON.stringify(pwd)//转化为json字符串
      },
      contentType:"json/application",
      success: function (datas) {
          $("#msg").html(datas.msg);
      }
  });

ajax请求中contentType与dataType区别

  • contentType : 告诉服务器,我要发什么类型的数据
  • dataType :告诉服务器,我要想什么类型的数据,如果没有指定,那么会自动推断是返回 XML,还是 JSON,还是 script,还是 String。
  1. 如果是一个restful接口(json格式),一般将Content-Type设置为application/json; charset=UTF-8;
  2. 如果是文件上传,一般Content-Type设置为multipart/form-data
  3. 如果普通表单提交,一般Content-Type设置为application/x-www-form-urlencoded

response的Content-Type设置建议

  • 一般情况下不需要显示设置;
  • 如果是文件导出,Content-Type 设置为 multipart/form-data,并且添加一个Content-Disposition设置为attachment;fileName=文件.后缀。
  • 注:Content-Disposition是Content-Type的扩展,告诉浏览器弹窗下载框,而不是直接在浏览器里展示文件。因为一般浏览器对于它能够处理的文件类型,如txt,pdf 等,它都是直接打开展示,而不是弹窗下载框。
最后更新时间:
贡献者: xiaozhe
下一篇
其他