·Mr.zuo
·Mr.zuo

AJAX之封装+跨域

AJAX5步法

  • 先简单回顾下之前所说的5步法
  • 1、创建异步对象XMLHttpRequest
/*（1）创建XMLHttpRequest异步对象*/
			var xhr;
			if (window.XMLHttpRequest) {
				xhr = new XMLHttpRequest();
			} else {
				xhr = new ActiveXObject("Microsoft.XMLHTTP")
			}
  • 2、设置回调函数
/* 2.设置回调函数*/
   xhr.onreadystatechange = callback;
  • 3、open()方法连接服务器
xhr.open('get', 'student.text')
  • **4、send()方法发送数据至服务器 **
xhr.send()
  • 5、回调函数中针对不同响应状态进行处理，局部更新界面
xhr.onreadystatechange = function() {
	if (xhr.readyState == 4 && xhr.status == 200) {
	
	}
}
  • 完整代码如下所示
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
 * {
    margin: 0;
    padding: 0;
   }

   div {
    border: 1px solid red;
    margin: 50px;
   }

   p {
    border: 1px solid blue;
   }
  </style>
 </head>
 <body>
  <button name="ajax">ajax</button>
 </body>
 <script type="text/javascript">
  var btn = document.querySelector("button[name='ajax']");
  console.log(btn)
  btn.addEventListener('click', callback, false) /* false是事件冒泡，true是事件捕获，不写的话默认是false。 */
  function callback() {
   /* 1.创建 XMLHttpRequest一步对象*/
   var xhr;
   if (window.XMLHttpRequest) {
    xhr = new XMLHttpRequest(); /* 主流浏览器 */
   } else {
    xhr = new ActiveXObject("Microsoft.XMLHTTP"); /* 兼容IE写法 */
   }
   console.log(xhr)
   /* 2.设置回调函数*/
   xhr.onreadystatechange = callback;

   /* 3.使用open方法与服务器建立连接 */
   xhr.open("get", "naonao.text", true)
   /* 4.注册事件，设置和服务器的交互信息，向服务器发送数据 */
   xhr.send()
   /* 5.回调函数处理---响应---针对不同的响应状态进行处理 */
   function callback() {
    if (xhr.readyState == 4 && xhr.status == 200) {
     var responseText = xhr.responseText;
     console.log(responseText)
     var xhrObject = JSON.parse(responseText)
     console.log(xhrObject)
     var new_div = document.createElement('div');
     document.body.appendChild(new_div);
     for (var i = 0; i < xhrObject.length; i++) {
      var new_p = document.createElement('p');
      var new_string = "";
      new_string += "姓名:" + xhrObject[i].name;
      new_string += "   年龄:" + xhrObject[i].age;
      new_p.innerHTML = new_string;
      new_div.appendChild(new_p)
     }
    }
   }
  }
 </script>
</html>

  • 接下来测试下get请求类型，将open连接服务器步骤里的请求类型设置为get，如下所示
    在这里插入图片描述

  • 利用HBuilder编辑器打开(启动时自带本地服务器)如下所示
    AJAX之封装+跨域_第1张图片

  • 接下来转换JSON数据为普通JS对象型，如下所示
    AJAX之封装+跨域_第2张图片

AJAX封装

  • 【前言】

  • 目前为止，已经实现基本功能，但AJAX的调用还十分麻烦，步骤比较繁琐，在日常开发一般会将其进行封装，所以接下来封装下AJAX功能相关步骤函数，以后使用直接调用即可，同时大大提高了开发效率。

  • 为了使用方便，接下来封装AJAX的get和post

  • 封装：基本模板与传参
    AJAX之封装+跨域_第3张图片

  • 此时调用模板时，如下所示
    在这里插入图片描述

  • 封装1：建立异步对象
    AJAX之封装+跨域_第4张图片

  • 封装2：判断请求类型

AJAX之封装+跨域_第5张图片

  • get请求类型传值方式是将数据拼接到路由后进行传值，所以接下来需要判断是否传值(对比post请求)，回顾之前所讲
    AJAX之封装+跨域_第6张图片
  • 1、get请求类型传值方式是将数据拼接到路由后进行传值
    AJAX之封装+跨域_第7张图片
  • 2、post请求类型判断是否有传值，如果有则send发送至服务器，没有则不发
    AJAX之封装+跨域_第8张图片
  • 封装3：注册事件，针对不同状态进行响应，获取返回数据
    AJAX之封装+跨域_第9张图片
  • 开发中，也可以将响应，即注册事件步骤，直接移至第一步创建异步对象下，以便更好地监听到状态变化。
  • 封装调用：
  • 接下来外部传参调用下封装的AJAX函数
    在这里插入图片描述
  • 此时控制台测试，便可以输出打印JSON格式数据，所以如果想用JS进一步操作，需要进行反序列化解析即JSON.parse()，然后操作其对页面进行局部更新。
    AJAX之封装+跨域_第10张图片

AJAX跨域

  • 跨域简介：
  • AJAX跨域指的是JS在不同的域之间进行数据传输或通信。
  • 跨域方案：
  • 1、jsonp跨域(重点)----前端处理方法
  • 2、cros跨域-----后台处理
  • 常见跨域场景？
  • 所谓的同源是指，域名、协议、端口均为相同。
http://www.nealyang.cn/index.html 调用   http://www.nealyang.cn/server.php  非跨域

http://www.nealyang.cn/index.html 调用   http://www.neal.cn/server.php  跨域,主域不同

http://abc.nealyang.cn/index.html 调用   http://abc.neal.cn/server.php  跨域,子域名不同

http://www.nealyang.cn:8080/index.html 调用   http://www.nealyang.cn/server.php  跨域,端口不同

https://www.nealyang.cn/index.html 调用   http://www.nealyang.cn/server.php  跨域,协议不同
  • localhost 调用 127.0.0.1 跨域

AJAX跨域-JSONP

  • JSONP跨域：
  • jsonp跨域原理：借助网页标签中src属性的跨域特性实现
  • src简介：src是source的缩写，资源的意思，在html中src表示资源地址，是js文件和图片文件的引入方式，经常引用外部资源，可以实现跨域访问，如下所示
    AJAX之封装+跨域_第11张图片
  • 接下来调用下百度搜索接口，如下所示
  • https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/?wd=&cb=
  • 解析：
  • wd为搜索关键词，百度搜索功能发送请求类型为get，因为所搜的关键词可以在url中可见。这里先不用回调
    在这里插入图片描述
  • 将之前代码做下调整，将url改为百度搜索接口，如下所示
    在这里插入图片描述
  • 注意：
  • 因为是get方式，所以关键词传值需要拼接到url里，即通过data传参，且参数为想要的关键词，然后之前封装好的AJAX会将其进行封装，也就是说最后send对应的接口url为经过封装的AJAX函数拼接后的地址
https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/?wd=海贼王
  • 将之前代码做下调整，将url改为百度搜索接口，如下所示
    AJAX之封装+跨域_第12张图片
  • 接下来使用JSONP实现跨域，本质利用src属性的跨域请求资源特性，同理脚本标签也是通过src引入资源，所以可以进行封装处理，实现AJAX的跨域访问远程资源。
  • 接下来做下测试，script标签引入接口文件，并在接口加入回调函数，然后在页面定义调用
    AJAX之封装+跨域_第13张图片
  • 测试结果如下
    AJAX之封装+跨域_第14张图片
  • 此时虽然有报错，但是已经没有报跨域错误，接下来将调用位置做下调整，先定义声明函数，然后再进行传值，如下所示

在这里插入图片描述

  • 修改后测试结果如下

AJAX之封装+跨域_第15张图片

  • 除了通过JSONP解决跨域外，常见的方法还包含CROS方法
  • 【前言】
  • CROS需要在后台进行配置→允许所有域名访问
  • 1、PHP后台仅仅需要添加一句代码即可 表示允许所有域名访问。
  • 2、JAVA后台需要下载CROS包，然后进一步配置
header(' Access-Control-Allow-Origin : * ');

小结

目前为止，讲解了JSONP跨域原理和CROS跨域方案

下节利用前端JSONP实现“百度关键词”跨域案例。

完毕，如有疑问请随时联系小编

你可能感兴趣的:(ajax跨域,ajax封装,日报)

  • Linux系统配置（应用程序） 1风天云月 Linuxlinux应用程序编译安装rpmhttp
    目录前言一、应用程序概述1、命令与程序的关系2、程序的组成3、软件包封装类型二、RPM1、RPM概述2、RPM用法三、编译安装1、解包2、配置3、编译4、安装5、启用httpd服务结语前言在Linux中的应用程序被视为将软件包安装到系统中后产生的各种文档，其中包括可执行文件、配置文件、用户手册等内容，这些文档被组织为一个有机的整体，为用户提供特定的功能，因此对于“安装软件包”与“安装应用程序”这两
  • 人民日报每日金句摘抄精选8.1 飞云写作
    1.岁月因青春慨然以赴而更加静好，世间因少年挺身向前而更加瑰丽。2.与其朋友圈字斟句酌，不如现实中好好生活。3.真正的优秀不是别人逼出来的，而是自己和自己死磕。4.时代的考题已经列出，我们的答卷正在写就。5.人生不就是这样，经历过一次次考验才能成长；人生不就是这样，哪怕雨雪霏霾也要去追寻阳光。6.忆往昔，百年征程砥砺“同心”；看今朝，千秋伟业催人奋进。7.真理的波涛，喷涌而出就奔流不息；理想的火焰
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • 2025最新Mybatis-plus教程（四）
    五、MyBatis-Plus的service封装（一）通用Service简介MyBatis-Plus除了通用的Mapper还有通用的Service层，这也减少了相对应的代码工作量，把通用的接口提取到公共。其实按照mp的这种思想，可以自己也实现一些通用的Controller。（二）通用Service方法介绍/***插入一条记录（选择字段，策略插入）**@paramentity实体对象*/defaul
  • native.js设置可缩放的webview并隐藏缩放控件 Nanayai
    需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala
  • Python day27 赵英英俊 Python训练python
    @浙大疏锦行Pythonday27内容：Python中的装饰器：封装的思想，使用@注解将函数封装起来从而实现在函数运行前后完成目标操作，即将被封装函数的行为视为整体运行过程中的一部分无返回值：函数无返回值，只需要完成封装逻辑即可。有返回值：函数有返回值，函数有返回值时，需要在装饰器函数位置接受返回值并返回给用户。importtimedefdisplay_time(func):"""支持任意参数的时
  • 日精进打卡第一百二十六天 7ce89867b4c2
    陆晓磊～品质部日精进打卡第126天六项精进1遍大学0遍经典名句分享很多东西放到时间里去就能看清。要么越走越远，要么越走越近。行为实践一、修身：（对自己个人）锻炼半小时早睡早起二、齐家：（对家庭和家人）和爸爸妈妈聊天三、建工：（对工作）每日报表SRG数据统计【省～觉悟】每天坚持做一件重复的小事看似很，其实很难，但是当自己由坚持变为习惯后，每天的坚持就如同吃饭睡觉一样简单。【感谢】感谢爸爸妈妈付出培养
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 核心板：嵌入式系统的核心驱动力 MYZR1 核心板人工智能SSD2351
    核心板（CoreBoard）作为嵌入式系统开发的核心组件，已成为现代电子设备智能化的重要基石。这种高度集成的电路板将处理器、内存、存储和基本外设接口浓缩在一个紧凑的模块中，为各类智能设备提供强大的"大脑"。核心板的技术特点核心板通常采用先进的系统级封装(SiP)技术，在微小空间内集成了CPU/GPU、DDR内存、Flash存储以及电源管理单元。这种设计不仅大幅减小了体积，还提高了系统可靠性。以常见
  • TS设计模式之策略模式 前端开发大师 +每天一个开发小技巧设计模式策略模式typescript
    关注大师姐不迷路，大师姐带你上高度~文章目录前言一、策略模式是什么？二、使用步骤详解总结前言关注大师姐不迷路，大师姐带你上高度~策略模式是一种行为设计模式，它能让你定义一系列算法，并将每种算法分别放入独立的类中，使算法的变化独立于使用它们的客户端。一、策略模式是什么？定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换目的：将算法的使用与算法的实现分离开来主要解决：在有多种算法相似
  • Linux Shell 中~流程控制 光年像素 linuxlinux
    在LinuxShell中，流程控制是编写脚本的核心能力，用于根据条件执行不同操作（条件判断）、重复执行代码块（循环）或封装可复用功能（函数）。以下是详细讲解及示例：一、条件判断条件判断用于根据表达式的真假（0为真，非0为假）决定代码执行路径。Shell支持多种条件判断语法，适用场景不同。1.if[条件]与test命令if语句的基本结构，[条件]等价于test条件（[是test的同义符号，需注意[后
  • Java设计模式之＜建造者模式＞
    目录1、建造者模式2、建造者模式结构3、实现4、工厂模式对比5、适用场景差异前言建造者模式是一种创建型设计模式。用于封装复杂对象的构建过程，通过步骤构建产品类。它包括产品类、抽象建造者、具体建造者和指挥者角色。优点在于灵活性、解耦和易扩展，缺点是增加工作量和效率较低。适用场景如构建套餐、字符串动态构建、StreamAPI操作等。1、建造者模式（BuilderPattern）建造者模式定义：封装一个
  • 23种设计模式之中介者模式 heimeiyingwang 设计模式设计模式中介者模式架构后端java
    中介者模式(MediatorPattern)详细介绍一、模式概述英文名称：Mediator核心目标：定义一个中介对象来封装一组对象之间的交互，减少对象间直接通信的复杂性，促进松耦合。设计思想：通过集中控制交互逻辑，将网状的多对多通信转化为星型的一对多结构，简化系统维护。二、优缺点优点缺点1.减少对象间依赖：对象仅与中介交互，降低耦合。1.中介类复杂度高：可能成为“上帝类”。2.简化对象间协作：交互
  • 【Linux】多线程：线程池的创建、日志类、RAII互斥锁、单例模式：饿汉方式与懒汉方式 小白也有开发梦 Linuxlinux单例模式日志多线程线程池c++c语言
    目录一、线程池概念二、线程的封装及线程池类成员变量的介绍三、单例模式饿汉方式（EagerInitialization）懒汉方式（LazyInitialization）四、RAII类型的互斥锁五、日志类的实现六、简单的任务类创建七、线程池的创建一、线程池概念线程池（ThreadPool）是一种基于池化技术的线程使用模式，它创建了一个线程的集合，这些线程可以被多个任务重复使用。线程池的主要目的是减少在
  • 钉钉改变的不仅仅是工作 药药妖
    经历转型，经历未知，拾遗初心。互联网公司都习惯使用钉钉，作为阿里巴巴在2017年推出的一款主打工作方式的产品，科技媒体、知乎等平台褒贬不一的评价，2017年火及一时，而且还在各大互联网公司奉为企业内部、商务沟通必备的移动办公平台。而自己却是第一次使用，但是感触颇深。也想跟大家分享一下。而钉钉中让我感触最深的是“每日”“每周”“双月”“年计划”等日报计划，第一次听到这个任务型的日常规划，是从一个做I
  • 模版方法模式（Template Method Pattern 快乐的划水a 设计模式设计模式c++
    模板方法模式是一种行为设计模式，它定义一个操作中的算法骨架，将一些步骤延迟到子类中实现。核心思想是"封装不变部分，扩展可变部分"，即父类确定流程框架，子类根据需求重写特定步骤，而不改变整体流程结构。介绍核心角色抽象类（AbstractClass）：定义算法骨架（模板方法），包含多个抽象方法（子类需实现）和可选的钩子方法（HookMethod，子类可选择性重写）。具体子类（ConcreteClass
  • 设计模式（十五）行为型：命令模式详解 蝸牛酱 设计模式系统架构设计师设计模式命令模式系统架构软考高级
    设计模式（十五）行为型：命令模式详解命令模式（CommandPattern）是GoF23种设计模式中的行为型模式之一，其核心价值在于将“请求”封装为一个独立的对象，从而使请求的发送者与接收者解耦，并支持请求的参数化、队列化、日志记录、撤销/重做等高级功能。它通过引入“命令对象”作为中间层，将调用操作的行为抽象化，使得系统可以动态地配置、组合、调度和管理操作。命令模式是实现“开闭原则”和“单一职责原
  • pyqt 事件监听_PyQt5：PyQt5 信号与槽（PyQt5的事件处理机制） 马老鼠的狗鸭子 pyqt事件监听
    一、事件在事件模型，有三个参与者：事件源、事件目标、事件对象。事件源：状态发生改变的对象，它产生事件Source_Obj事件目标：是想要被通知的对象Target_Obj事件对象：封装了事件源中的状态变化Evnet_ObjPyQt5有一个独一无二的信号和槽机制来处理事件。信号和槽用于对象之间的通信。当指定事件发生，一个事件信号会被发射。槽可以被任何Python脚本调用。当和槽连接的信号被发射时，槽会
  • Spring AOP Jonariguez Springspringjava后端
    OOP面向对象，允许开发者定义纵向的关系，但并不适用于定义横向的关系，会导致大量代码的重复，而不利于各个模块的重用。AOP，一般称为面向切面，作为面向对象的一种补充，用于将那些与业务无关，但却对多个对象产生影响的公共行为和逻辑，抽取并封装为一个可重用的模块，这个模块被命名为切面（Aspect）。优点：AOP减少系统中的重复代码，降低了模块间的耦合度，提高系统的可维护性。可用于权限认证、日志、事务处
  • PyQt事件处理机制深度指南：超越信号与槽的底层掌控 钢铁男儿 PyQt5快速开发与实战pyqt
    ——5大核心策略+实战案例，解锁GUI交互的底层密码事件与信号槽的本质差异维度事件处理机制信号与槽机制抽象层级操作系统消息的原始封装对事件的高级封装应用场景控件行为定制/底层交互常规业务逻辑绑定执行顺序先于信号槽触发在事件处理完成后触发性能影响直接操作效率高存在元对象系统开销典型用例自定义按钮点击行为按钮点击触发业务函数核心认知：信号槽是PyQt的“快捷指令”，事件处理则是“底层汇编”——当需要突
  • 掌握JavaScript对象与函数：深入理解原型与作用域 土城三富 JavaScript对象原型链函数作用域
    掌握JavaScript对象与函数：深入理解原型与作用域背景简介在探索JavaScript的世界时，我们经常遇到对象和函数这两个核心概念。对象是JavaScript中最为基本的结构之一，而函数则是实现代码复用、封装和模块化的主要工具。本文将基于给定的书籍章节内容，深入探讨对象的更新机制、原型继承以及函数的多样性及其调用模式，同时分享对全局变量使用的思考。更新对象在JavaScript中，对象的属性
  • C#与halcon联合（3）文本写入可以改变字体大小类型及绘画直线图形十字叉箭头轮廓
    这里写目录标题1.操作demo2.绘画直线及显示①在halcon中的操作代码如下②转换成C#代码并将其封装成函数如下3.绘画圆形及显示其轮廓（XLD）①在halcon中的操作代码如下②转换成C#代码并将其封装成函数如下4.绘画普通矩形及轮廓显示（XLD）①在halcon中的操作代码如下②转换成C#代码并将其封装成函数如下5.绘画角度可调矩形及其轮廓显示（XLD）①在halcon中的操作代码如下②转
  • Promise详解、自定义 XYR121212 promise
    这里写目录标题一、.Promise对象详解1.Promise是什么2.Promise的优点3.异步编程4.then(onFulfilled,onRejected)：5.util.promisify方法：6.promise的状态改变7.Promise对象的值8.Promise的基本执行流程9.Promise的API10.Promise中的关键问题二、Promise的自定义封装1.定义执行器函数2.通
  • 俄罗斯方块游戏开发（面向对象编程） 佩爷0107 MATLAB俄罗斯方块游戏旋转矩阵
    摘要本设计基于MATLAB面向对象编程技术，开发了一款具备完整游戏逻辑的俄罗斯方块游戏。通过类封装实现游戏核心模块（方块管理、游戏板状态、碰撞检测等），采用旋转矩阵实现方块变形，结合MATLAB图形用户界面（GUI）完成交互设计。测试表明，系统在MATLABR2024a环境下运行稳定，帧率达30FPS，方块旋转响应时间小于0.1秒，消行判定准确率100%，符合经典俄罗斯方块游戏规范。1.引言1.1
  • 每日复盘2月14日 菲雨桐520
    一、每天坚持早睡早起13（正月初一，守岁）二、锻炼身体（腰腹锻炼端腿600、步行80公里、俯卧撑900、八段锦20、其他）步行24公里俯卧撑970静蹲37三、学习民法精讲课和刑法精讲前5讲民法精讲教材1-400民法精讲75-77累计民法精讲1-77，钟老师民法精讲前期课程已结束。四、每天坚持晨间日记和文章日更及每日复盘晨间日记14文章日更14每日复盘14五、拓展阅读学习人民日报金句，简友文章，人民
  • 「实战指南」使用 Python 调用大模型（LLM） 用什么都重名 大模型相关pythonLLM大模型api调用
    目录前言1.原生HTTP请求方式1.1核心特点1.2关键代码分析1.3优势和适用场景1.4完整代码2.封装式API调用2.1核心特点2.2关键代码分析2.3优势和适用场景2.4完整代码3.OpenAISDK方式3.1核心特点3.2关键代码分析3.3优势和适用场景3.4完整代码4.传统OpenAI库方式4.1核心特点4.2关键代码分析4.3优势和适用场景4.4完整代码5.对比分析总结前言随着大语言模
  • Java【代码 13】前端动态添加一条记后端使用JDK1.8实现map对象根据key的部分值进行分组（将map对象封装成指定entity对象） シ風 ..........JavaCodejava前端状态模式
    前端动态添加一条记后端使用JDK1.8实现map对象根据key的部分值进行分组1.why2.前端3.后端处理4.总结1.why我是后端开发工程师，前端的很多函数不是很了解，所以很多问题期望在后端进行处理。2.前端有这样一个实现，前端要动态添加记录，然后将记录统一存储在一个字段里，代码如下：//动态添加一行输入参数描写functionaddParamIn(){//输入参数列表varparamInLi
  • JAVA---继承与多态（基础详解与样例分析） 胡同巷的猫七姑娘~ javaeclipse开发语言
    在JAVA学习有了一定基础和了解上将会继续深入学习多态，面向对象程序设计的三大支柱是封装、继承和多态，学习的步骤是循环渐进的，在学习了封装和继承的基础知识后进而了解多态。什么是多态？多态意味着父类型的变量可以引用子类型的对象，注意这句话中的几个关键点，是父类型的变量，去引用子类型的对象。接下来的学习中就是去解释和运用这句话。目录HINT1继承HINT2多态HINT1继承在引入多态之前，我们先再回顾
  • 设计自己的小传输协议 导论与概念 charlie114514191 网络编程Qt深入研究笔记c++qt通信协议网络协议设计
    设计自己的小传输协议导论与概念1：聊一聊协议头设计早在《TCP/IP详解》中的第一句话中，我们就知道协议的含义是这样的：协议是通信双方共同遵守的一套规则，提供格式定义、语义解释等，使不同设备或软件能够正确交换信息。但是，就像我们的写邮件，需要有一定的格式，告知首发地址，收信人和送信人一样，我们的网络协议一样要有协议头，来告诉我们解析收发程序如何正确的收发包。网络协议常使用分层封装，每一层都在数据上
  • 【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程 JosieBook #Java全栈前端springboot交互
    文章目录一、系统架构概述二、前端数据交互流程分析1.组件初始化与数据请求2.API请求封装3.查询参数处理三、后端数据处理流程1.控制器接收请求2.分页处理机制3.服务层业务处理四、典型操作的数据流1.查询操作数据流2.新增操作数据流3.删除操作数据流五、关键技术点解析1.前端表单验证2.后端权限控制3.数据导出实现六、完整交互示例：新增课程七、完整代码八、总结与优化建议1.当前实现特点2.可优化
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他