wolf67
wolf67

前端篇—ajax

文章目录

  • 前言
  • 一、基于JS的ajax实现
    • 1.1 基础
    • 1.2 完整代码示例
    • 1.3 应用
  • 二、JSON和JSONP
    • 2.1 什么是JSON
    • 2.2 JSON语法
    • 2.3 应用
    • 2.4 json与django交互
    • 2.5 json与xml比较
  • 三、基于jQuery的ajax实现
    • 3.1 基础方法
    • 3.2 快捷方法
      • 用法示例
  • 四、跨域请求
    • 4.1 同源机制
    • 4.2 jsonp的js实现（未完成）
    • 4.3 jsonp的jQuery实现
    • 4.4 jsonp的ajax实现
  • 五、ajax配置

前言

1. 什么是ajax？

AJAX（Asynchronous JavaScript and XML）：异步的 JavaScript 和 XML，即使用Javascript语言与服务器进行异步交互。

2. ajax还有一个最大的特点： 当服务器响应时，不用刷新整个浏览器页面，而可以局部刷新。

  • 与服务器异步交互
  • 浏览器页面局部刷新
  • return 服务端返回的数据不直接返回给页面，而是返回给ajax的回调函数处理

3. 优缺点
优点：

  • 使用js技术向服务器发送异步请求
  • 无须刷新整个页面
  • 服务器响应局部内容，所有ajax性能高

缺点：

  • ajax不适合所有场景，很多时候还是要使用同步交互
  • ajax虽然提高了用户体验，但向服务器发送请求的次数增多了，导致服务器压力增大
  • 因为是通过js技术完成的，所有还需要处理浏览器兼容性问题

4. AJAX技术

四步操作：

  1. 创建核心对象
  2. 使用核心对象打开与服务器的连接
  3. 发送请求
  4. 注册监听，监听服务器响应

XMLHttpRequest

  1. open(请求方式，是否异步)
  2. send(请求体)
  3. onreadystatechange：指定监听函数，在xmlhtpp对象的状态发生变化是被调用
  4. readyState：当前xmlhttp对象的状态，其中4状态标识服务器响应结束
  5. status：服务器响应的状态码，只有服务器响应结束时才有，200表示响应成功
  6. responseText：获取服务器的响应体

一、基于JS的ajax实现

1.1 基础

  1. 创建XMLHttpRequest对象的方法，为了解决浏览器兼容问题，用try创建相应的对象
function createXMLHttpRequest(){
   
        var xmlHttp;
        try{
   
            xmlHttp = new XMLHttpRequest();
        }catch(e){
   
            // 适用于IE6
            try{
   
                xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
            }catch(e){
   
                //适用于IE5.5，以及更早的IE斑斑
                try{
   
                    xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
                }catch(e){
   }
            }
        }
        return xmlHttp;
    }

var xmlhttp = XMLHttprequest()				// 1. 创建XMLHttpRequest对象

xmlhttp.open('GET', 'url', true)			// 2.与服务器链接open('method', 'url', true)
// method: 连接方式
// url：指向的url
// true/false：异步/同步

xmlhttp.send('')							// 3. 传请求体的内容
// 如果是get请求，.send(null)

xmlhttp.onreadystatechange=function(){
   		// 4.监听
        console.log(xmlhttp.status);		// 响应状态代码 200/404
        console.log(xmlhttp.readyState);	// 状态码：目前执行到第几步 /0/1/2/3/4
    }

status
0：初始化未完成状态，创建XMLHttpRequest对象
1：请求开始，open()方法被调用，还没有send()
2：请求发送完成，send()方法被调用
3：开始读取服务器响应
4：读取服务器响应结束
注意： 如果onreadystatechange()监听函数写在open()和send()之后，readystate将没有0和1，

1.2 完整代码示例


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>wolf's webtitle>
head>
<body>
    <button onclick="func1();">提交button>
body>
html>

<script>
    function createXMLHttpRequest(){
    
        var xmlHttp;
        try{
    
            xmlHttp = new XMLHttpRequest();
        }catch(e){
    
            // 适用于IE6
            try{
    
                xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
            }catch(e){
    
                //适用于IE5.5，以及更早的IE斑斑
                try{
    
                    xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
                }catch(e){
    }
            }
        }
        return xmlHttp;
    }
    
    function func1(){
    
        var xmlhttp = createXMLHttpRequest();

        xmlhttp.onreadystatechange=function(){
    
            if(xmlhttp.readyState===4 && xmlhttp.status===200){
    		// 响应成功时执行
                var data = xmlhttp.responseText;
                alert(data)
            }
        };
        
		// GET请求：
        // xmlhttp.open('GET', '/ajax/index', true);
        // 第一个参数为请求方式，GET/POST，第二个参数为指向的url，第三个参数默认为true用异步，false改为同步
        // xmlhttp.send(null);      // 发送数据，GET方法时传null
        // 监听
		
		// POST求情：
		xmlhttp.open('POST', '/ajax/index/', true);
        // 设置post请求头,在连接之后设置
        xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xmlhttp.send('name=wolf');	// 将数据发送到后端
		
    }
script>

1.3 应用

注册用户时，实时监测用户名是否可用：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>registertitle>
head>
<body>
	
    <form action

你可能感兴趣的:(Django,django,js,ajax)

  • vue json格式导出excel文件 家电修理师 vue.jsjsonexcel前端javascript
    1、下载xlsx、file-saver插件npminstallxlsxfile-saver2、页面中引入插件import*asXLSXfrom'xlsx';import{saveAs}from'file-saver';3、创建excel导出结构每一个数组表示一行constdata=[["姓名","性别","电话"],["张三","男","15888888888"],];4、将数据转换为工作表//d
  • Excel 转 JSON by WTSolutions API 文档
    Excel转JSONbyWTSolutionsAPI文档简介Excel转JSONAPI提供了一种简单的方式将Excel和CSV数据转换为JSON格式。该API接受制表符分隔或逗号分隔的文本数据，并返回结构化的JSON。接口端点POSThttps://mcp.wtsolutions.cn/excel-to-json-api请求格式API接受包含以下参数的JSON格式POST请求：参数类型是否必填描述
  • Vue3 实现 Excel 文件导入导出功能 海天胜景 exceljavascript
    在Vue3中实现Excel文件的导入和导出功能，你可以使用一些流行的JavaScript库，如SheetJS（也称为xlsx）来处理Excel文件。以下是实现这一功能的基本步骤：1.安装SheetJS首先，你需要安装xlsx库。在你的Vue项目中，可以通过npm或yarn来安装：npminstallxlsx#或者yarnaddxlsx2.导入和导出Excel文件导入Excel文件你可以使用一个文件
  • vue3 TypeError: Failed to fetch dynamically imported module 报错解决 海天胜景 vue.js前端javascript
    TypeError:Failedtofetchdynamicallyimportedmodule:引入组件时，没有添加.vue后缀或.js后缀，引入的组建是否被使用
  • 教你解决禁止F12、调试Debugger、丑化JS等反爬 Python研究者
    1前言在爬取数据时，有一些网站设置了反爬（禁止F12、网页调试Debugger、丑化Js），比如下面这几种情况：1.禁止查看源代码imageimage2.网页调试Debugger上面禁止查看网页问题，可以先按F12，再访问网站，但是又有网页调试Debuggerimage经过各种百度之后，可以在浏览器里面关闭Debug调试image这样就点击为蓝色就可以关闭了。3.丑化JS通过查看，可以发现数据是异
  • Flutter基础（前端教程①④-data.map和assignAll和fromJson和toList） aaiier Flutterflutter
    1.data.map((item)=>...)作用：遍历一个列表，把每个元素「转换」成另一种形式。类比：就像工厂的流水线，每个产品经过加工变成新的样子。//原始数据finalnumbers=[1,2,3];//把每个数字变成它的平方finalsquared=numbers.map((num)=>num*num);print(squared);//输出:(1,4,9)在你的代码中：把JSON对象列表
  • python学生成绩管理系统【完整版】，Python开发基础面试题
    name=self.username.get()password=self.password.get()ifname==‘hacker707’andpassword==‘admin’:self.page.destroy()MenuPage(self.root)else:showinfo(title=‘错误’,message=‘账号或密码错误！’)db.pyimportjsonclassStuden
  • nest.js实战之集成Apple登录 crayon-shin-chan surprise#nest.jsapplenestjs
    1.简介https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_rest_api/verifying_a_userApple登录也是符合OAuth2规范的，但是我们不需要执行所有的步骤，只需要解析idToken获取用户信息即可Apple登录时用户可以选择是否隐藏邮箱，如果隐藏邮箱，则获取的邮箱是
  • Go-Redis × 向量检索实战用 HNSW 在 Redis 中索引与查询文本 Embedding（Hash & JSON 双版本） Hello.Reader 数据库运维缓存技术golangredisembedding
    1.场景与思路痛点：把“文本内容”转成向量后，如何在本地Redis里做近似向量搜索（KNN），而不依赖外部向量数据库？方案：利用HuggingFace模型sentence-transformers/all-MiniLM-L6-v2生成384维Float32向量；借助RediSearch的HNSW索引能力，在Hash或JSON文档里存储&查询向量；用go-redisv9的高阶API（FTCreate
  • rollup学习--02.常用插件学习 小q
    这篇笔记总结rollup打包常用的插件常用插件我们在使用插件时可以在plugin汇总中查找：传送门和传送门，另外一些没列举的需要大家自行的去查阅啦，下面我聚几个常用的plugin。node模块的引入rollup因为是及与es规范的，所以在引入node模块时需要对应的插件。这里需要安装@rollup/plugin-node-resolve和@rollup/plugin-commonjs两个插件。ya
  • 前端面试专栏-工程化：27.工程化实践（CI/CD、代码规范） 爱分享的程序员 前端面试通关指南前端面试ci/cd
    欢迎来到前端面试通关指南专栏！从js精讲到框架到实战，渐进系统化学习，坚持解锁新技能，祝你轻松拿下心仪offer。前端面试通关指南专栏主页前端面试专栏规划详情项目实战与工程化模块-工程化实践（CI/CD、代码规范）在团队协作的项目实战中，工程化实践是保障开发效率与代码质量的核心支柱。当项目规模从几人协作扩展到数十人团队时，单纯依赖人工沟通和经验规范会导致效率低下、bug频发。本文聚焦工程化的两大核
  • 前端面试专栏-工程化：28.团队协作与版本控制（Git） 爱分享的程序员 前端面试通关指南node.js前端javascript
    欢迎来到前端面试通关指南专栏！从js精讲到框架到实战，渐进系统化学习，坚持解锁新技能，祝你轻松拿下心仪offer。前端面试通关指南专栏主页前端面试专栏规划详情项目实战与工程化模块-团队协作与版本控制（Git）在多人协作的项目中，代码的版本管理是保障开发效率与代码质量的核心环节。Git作为目前最流行的分布式版本控制系统，不仅能追踪代码变更历史，更能通过分支策略、协作流程规范团队工作方式。本文从实战角
  • Node.js特训专栏-实战进阶：16. RBAC权限模型设计 爱分享的程序员 Node.jsnode.js安全算法前端
    欢迎来到Node.js实战专栏！在这里，每一行代码都是解锁高性能应用的钥匙，让我们一起开启Node.js的奇妙开发之旅！Node.js特训专栏主页专栏内容规划详情我将从RBAC权限模型的基础概念、核心组件讲起，详细阐述其设计原则、数据库模型设计，还会结合代码示例展示在实际开发中的实现方式，以及探讨模型的扩展与优化。RBAC权限模型设计：从理论到实战的完整方案在现代应用系统中，权限管理是保障数据安全
  • 前端开发好用的AI工具介绍 爱分享的程序员 人工智能AI相关人工智能
    以下是前端开发中提升效率的AI工具推荐，涵盖代码生成、UI设计、调试优化等场景：一、代码生成与辅助工具工具名称特点适用场景GitHubCopilot基于OpenAI，智能代码补全（支持JS/TS/React/Vue）快速生成代码片段、函数逻辑Codeium免费开源，多语言支持，IDE插件丰富（VSCode/WebStorm）代码补全、注释生成AmazonCodeWhispererAWS生态集成，支
  • python 多线程拍照 NO1212 python开发语言
    相机为basler，logicbalser相机识别条码，进行拍照args[0]为logging的参数保证log实时传输到GUI界面调用方法:main_process(args[0]).camera_run()importsysimporterrnoimportcv2importnumpyasnpimportjsonimportloggingimportthreadingimportlogging.
  • 基于 Python/PHP/Node.js 的淘宝 API 商品数据抓取开发教程
    在电商数据分析、竞品监控等场景中，抓取淘宝商品数据是常见需求。淘宝开放平台（OpenPlatform）提供了标准化的API接口，通过合法途径调用可高效获取商品信息。本文将分别基于Python、PHP、Node.js三种语言，详解淘宝API商品数据抓取的开发流程，并提供完整代码示例。一、淘宝API准备工作在开发前，需完成以下准备步骤：注册开发者账号访问注册账号并完成实名认证，创建应用（应用类型选择“
  • web第三次作业 小猫会后空翻 前端cssjavascript
    作业要求请使用JS实一个网页中登录窗口的显示/隐藏，页面中拖动移动，并且添加了边界判断的网页效果作业内容代码内容登录窗口拖动*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;}.container{width:100%;height:100%;background-color:#f2f1f2;}
  • React 英语打地鼠游戏——一个寓教于乐的英语学习游戏 伍哥的传说 前端源码分享react.js游戏学习
    英语打地鼠游戏一个寓教于乐的英语学习游戏，通过经典的打地鼠玩法帮助用户学习英语单词。✨项目特色游戏化学习经典打地鼠玩法：6个洞穴，听英文选单词即时反馈：答对/答错立即语音提示计分系统：每答对一题得10分，激发学习动力60秒限时：紧张刺激的游戏节奏多媒体体验双语语音播报：英文单词标准发音+中文反馈流畅动画效果：基于Anime.js的精美动画响应式设计：支持手机、平板、电脑多端适配丰富词库多主题分类：
  • 解决报错：node:internal/errors:496 ErrorCaptureStackTrace(err)； lvchaoq debugvue
    报错信息我使用npminitvue@latest创建项目时出现如下报错node:internal/errors:496ErrorCaptureStackTrace(err);^TypeError[ERR_IMPORT_ASSERTION_TYPE_MISSING]:Module“file:///D:/develop/nodejs/node_cache/_npx/2f7e7bff16d1c534/n
  • Vite的优缺点（精简版）
    优点作为一款前端构建工具，它的核心特点是“快”，并且充分利用了现代浏览器对ESModules的原生支持，一切围绕这一点展开快启动：通过ESModules，它省去了打包整个应用的时间，可以直接在浏览器中加载模块，使得启动时间大大缩短热更新：提供热模块替换功能，并且由于省去了打包环节，只请求变化了部分，几乎实现了实时的热模块替换。缺点兼容性：某些深层依赖或动态引入的CommonJS模块可能出问题。并且
  • Event Loop 在浏览器和 Node.js 中的区别 阿珊和她的猫 node.js前端
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、事件循环的阶段浏览器Node.js二、微任务队列的处理浏览器Node
  • 如何为微信小程序添加二维码扫描和识别功能
    为微信小程序添加二维码扫描和识别功能需要使用到微信提供的扫描二维码API以及相关的库函数。下面将详细介绍如何实现这个功能。一、创建小程序首先，你需要在微信开发者工具中创建一个小程序项目。在项目中，我们需要添加一个页面用于扫描二维码，以及相关的代码逻辑。二、添加扫描二维码页面在小程序项目的pages文件夹下创建一个新的页面，命名为scan。在scan页面的js文件中添加如下代码：constapp=g
  • Flutter Json数据转为和自动生成模板代码 Good Weking jsonflutter前端
    使用json_serializable插件生成模板代码1.添加依赖库打开跟目录pubspec.yaml文件添加依赖库：dependencies:json_annotation:^4.4.0//注解依赖dev_dependencies:json_serializable:^6.1.4//json格式化build_runner:^1.6.12.利用json生成模板代码可以使用网页https://cai
  • Flutter基础（前端教程①⑤-API请求转化为模型列成列表展示实战） aaiier Flutterflutter
    models/post_model.dart定义Post数据模型包含fromJson()方法用于解析JSONcontrollers/post_controller.dart管理帖子数据的获取和状态使用http包请求API通过RxList和RxBool实现响应式状态管理views/post_list_view.dart展示帖子列表的UI使用Obx监听状态变化包含加载中、错误和数据展示三种状态main
  • 探索 Vue.js 组件的最新特性
    引言：Vue.js作为一款流行的前端框架，始终在不断发展和演进，为开发者带来新的特性和功能，以提升开发效率和用户体验。Vue.js组件是构建Vue应用的基础，其最新特性为开发者提供了更强大的工具和更灵活的开发方式。本文将深入探讨Vue.js组件的一些最新特性，包括组合式API、Teleport、Suspense等，帮助开发者更好地掌握和运用这些特性，从而构建出更加高效、复杂的前端应用。组合式API
  • JS补充18-dom中的查 常婧帅
    查查看元素节点document代表整个文档document.getElementById()元素id在ie8以下的浏览器，不区分id大小写，而且也返回匹配name属性的元素。document.getElementsByTagName()标签名。document.getElementsByName()需要注意只有部分标签name可生效(表单，表单元素，img，iframe)document.getE
  • xss漏洞-反射+存储+DOM xiaoheizi安全 XSS漏洞合集web安全xss
    XSS跨站-反射型&存储型&DOM型等产生原理：服务器没有对用户提交的数据做过滤或者过滤不严谨，直接回显到了用户浏览器，浏览器对其进行了js解析并执行，导致了xss漏洞。攻击原理：攻击者利用网站程序对用户输入过滤不足，输入可以显示在页面上对其他用户造成影响的HTML代码，在用户端注入恶意的可执行脚本，若服务器对用户的输入不进行处理或处理不严，浏览器就会直接执行用户注入的脚本。利用：确认漏洞存在后可
  • 第二次总结（xss、js原型链）
    1XSS漏洞文章目录1XSS漏洞1.1XSS的原理1.2XSS漏洞分类1.1.1反射性xss特点常见场景1.1.2DOM型XSS**特点**常见场景1.1.3存储型XSS**特点**常见场景1.3XSS漏洞的黑盒测试1.4XSS漏洞的白盒测试2XSS练习2.1反射型Level1Level2总结2.2DOM型level1DOM型xss思路：2.3存储型level1存储型xss思路：2.4利用编码绕过
  • js数据类型 运算符 九妄_b2a1
    数据类型：单引号，双引号可互包'表示一个'\n换行\t制表符\表示一个varstr='haha';console.log(str)六种数据类型:基本数据类型：string字符串number数值Boolean布尔值nullundefinedtypeof变量检查数据类型Number.MAX_VALUE;最大值Infinity无穷大(超过最大值)Number类型字符串相乘得NaN(NotaNumber)
  • vite-plugin-html 插件 无花无酒_3cd3
    vite-plugin-html功能HTML压缩能力EJS模版能力多页应用支持支持自定义entry支持自定义template安装(yarnornpm)nodeversion:>=12.0.0viteversion:>=2.0.0yarnaddvite-plugin-html-D或npmivite-plugin-html-D使用在index.html中增加EJS标签，例如在vite.config.t
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他