471912619
471912619

ajax发送异步请求(四步操作)

一.第一步(得到XMLHttpRequest)

  • ajax其实只需要学习一个对象:XMLHttpRequest,如果掌握了它,就掌握了ajax!!!

1.得到XMLHttpRequest

  • 大多数浏览器都支持:var xmlHttp=new XMLHttpRequest();
  • IE6.0:var xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);
  • IE5.0以更早版本的IE:var xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);

2.编写创建XMLHttpRequest对象的函数

function createXMLHttpRequest(){
          try{
         return new XMLHttpRequest();
          } catch(e){
         try{
         return new ActiveXObject(“Msxml2.XMLHTTP”);
       }catch(e){
          try{
           return new ActiveXObject(“Microsoft.XMLHTTP”);
         }catch(e){
              alert(“哥们儿,你用的是什么浏览器啊?”);
              throw e;
       }
        }
          } 
}

二.第二步(打开与服务器的连接)

  • xmlHttp.open():用来打开与服务器的连接,它需要三个参数:
    • 请求方式:可以是GET与POST
    • 请求的URL:指定服务器端资源,例如:/day23_1/AServlet
    • 请求是否为异步:如果为true表示发送异步请求,否则同步请求
xmlHttp.open(“GET”,”/day23_1/AServlet”,true);//比如

三.第三步(发送请求)

  • xmlHttp.send(null):如果不给可能会造成部分浏览器无法发送!
    • 参数:就是请求体内容!如果是GET请求,必须给出null。
    • 如果是POST请求,如下
xmlHttp.send(“username=zhangSan&password=123”);

四.第四步

  • 在xmlHttp对象的一个事件上注册监听器:onreadystatechange

  • xmlHttp对象一共有5个状态

    • 0:初始化未完成状态,只是创建了XMLHttpRequest对象,还未调用open()方法
    • 1:请求已开始,open()方法已调用,但还没调用send()方法
    • 2:请求发送完成状态,send()方法已调用
    • 3:开始读取服务器响应
    • 4:读取服务器响应结束(通常我们只关心最后这个状态!!!)

  • 得到xmlHttp对象的状态

  var state = xmlHttp.readyState;//可能是0、1、2、3、4
  • 得到服务器响应的状态码(200:成功 304:状态没有改变 404 500:服务器错误)
var status=xmlHttp.status;//例如200、404、500
  • 得到服务器响应的内容
var content=xmlHttp.responseText;//得到服务器的响应的文本格式的内容(这更通用)
var content=xmlHttp.responseXML;//得到服务器的响应的xml响应的内容,它是document对象了!
  • 所以监听器应该这样写
xmlHttp.onreadystatechange = function(){//xmlHttp的5种状态都会调用本方法
       if(xmlHttp.readyState ==4 && xmlHttp.status == 200){//双重判断:判断是否为4状态,而且还要判断是否为200
            var text=xmlHttp.responseText;
         } 
};

五.例子一:hello ajax

1.服务端代码

public class AServlet extends HttpServlet {


    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("Hello AJAX");
        response.getWriter().print("Hello AJAX!!!");

    }

}

2.页面代码

<script type="text/javascript">

      //创建异步对象
      function createXMLHttpRequest(){
          try{
              return new XMLHttpRequest();//大多数浏览器
          }catch (e) {
            try{
                return ActiveXObject("Msxml2.XMLHTTP");//IE6.0
            }catch (e) {
                try {
                 return ActiveXObject("Microsoft.XMLHTTP");//IE5.5及更早版本
                } catch (e) {
                    alert("哥们儿,你用的什么浏览器????");
                    throw e;
                }
        }

      }

      }

      window.onload = function(){      //在文档加载完成后马上执行!
      //得到btn元素
      var btn = document.getElementById("btn");
      //给btn的click事件注册监听
      btn.onclick = function(){

           /*
           ajax四步操作,得到服务器的响应
           把响应记过显示到h1元素中
           */

           /*
           1.得到异步对象
           */
           var xmlHttp= createXMLHttpRequest();

           /*
           2.打开与服务器的连接
           *指定请求方式
           *指定请求的URL
           *指定是否为异步请求
           */
           xmlHttp.open("GET","/day23_01/AServelt",true);

           /*
           3.发送请求
           */
           xmlHttp.send(null);//GET请求没有请求体,但也要给出null,不然FireFox可能会不能发送!

           /*
           4.给异步对象的onreadystatechange事件注册监听器
           */
           xmlHttp.onreadystatechange = function(){//当xmlHttp的状态发生变化时执行
               //双重判断:xmlHttp的状态为4(服务器响应结束),以及服务器响应的状态码为200(响应成功)
               if(xmlHttp.readyState ==4 && xmlHttp.status ==200 ){
                   //获取服务器的响应结束
                   var text=xmlHttp.responseText;

                   //获取h1元素
                   var h1=document.getElementById("h1");
                   h1.innerHTML = text;
               }


           };
      };

      };

      script>
<body>
             <button id="btn">点击这里button>
             <h1 id="h1">h1>
body>

ajax发送异步请求(四步操作)_第1张图片

点击按钮后

ajax发送异步请求(四步操作)_第2张图片

你可能感兴趣的:(ajax)

  • XMLHttpRequest、Fetch、Axios和AJAX的关系 冰镇屎壳郎 前端#JavaScriptajax前端javascript
    一、基于http协议用于前后端通信的工具1、XMLHttpRequest（原生JS对象）XMLHttpRequest（XHR）是原生JavaScript对象。通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL，获取数据。特性：浏览器广泛支持功能丰富：可以跟踪请求的状态、支持进度事件、文件上传、同步请求等可同步可异步不支持PromiseAPI2、Fetch（浏览器原生API）（1
  • 前台实时获取数据 爱吃虾的五花肉 前端ajaxwebsocketjavascript前端
    实现网站实时通信·四种方式，第二三四种方式需要服务器端做操作的写计时器进行Ajax轮询//每秒调用一次http请求setInterval(function(){varxhr=newXMLHttpRequest();xhr.open('POST','url',true);xhr.setRequestHeader('Content-Type','application/json');xhr.send(
  • 前端请求全面解析：AJAX、Axios 与 Fetch 的使用详解与代码示例 软件工匠师 前端ajaxjavascript
    前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例1.AJAX——传统的异步请求1.1基本用法示例1.2AJAX特点2.FetchAPI——现代化请求方案2.1基本用法示例2.2Fetch特点3.Axios——第三方HTTP请求库3.1安装Axios3.2基本用法示例3.3Axios特点4.总结前端请求全面解
  • 前端请求全面解析：AJAX、Axios 与 Fetch 的使用详解与代码示例 二进制忍者 前端ajaxjavascript
    前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例1.AJAX——传统的异步请求1.1基本用法示例1.2AJAX特点2.FetchAPI——现代化请求方案2.1基本用法示例2.2Fetch特点3.Axios——第三方HTTP请求库3.1安装Axios3.2基本用法示例3.3Axios特点4.总结前端请求全面解
  • 使用 AJAX 前后端传递数据 学c真好玩 ajaxspring
    使用异步操作(ajax)前后端传递数据1、传递对象1.1、jsp文件--%>//创建userinfo对象，具备两个属性username,passwordfunctionuserinfo(username,password){this.username=username;this.password=password;}functionsendAjax1(){//创建对象实例，初始化数据varuser
  • 封装AJAX(带详细注释) Rverdoser okhttp
    封装AJAX请求是前端开发中常见的需求，可以帮助我们简化代码，提高可重用性。下面我将通过JavaScript（使用XMLHttpRequest对象）和现代JavaScript（使用FetchAPI）两种方式来展示如何封装AJAX请求。1.使用XMLHttpRequest封装AJAXfunctionajax(method,url,data,callback){//创建XMLHttpRequest对象
  • 基于springboot的旅游出行指南 超级无敌暴龙战士塔塔开 Java课设与毕设资源springboot旅游后端
    文章目录项目介绍主要功能截图：部分代码展示设计总结项目获取方式作者主页：超级无敌暴龙战士塔塔开简介：Java领域优质创作者、简历模板、学习资料、面试题库【关注我，都给你】文末获取源码联系项目介绍基于springboot的旅游出行指南,java项目。eclipse和idea都能打开运行。推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端技术
  • Struts 2.0核心架构详解与实战应用 赵阿萌
    本文还有配套的精品资源，点击获取简介：Struts2.0是一个广泛使用的JavaWeb框架，基于MVC设计模式，简化了Web应用开发流程。它包含多个关键组件，如Action类、配置文件、拦截器、OGNL表达式语言等，支持国际化、异常处理和Ajax集成。开发者可以通过继承ActionSupport类实现业务逻辑，并利用配置文件定义Action映射和拦截器链。Struts2.0还支持注解配置，提高了开
  • Java过滤器 淋风沐雨 javajava开发语言
    BWH_Steven的碎碎念javaweb体系只剩ajax和json加maven的讲解了，这段时间我会开始推送算法与数据结构结构的文章，从他们的入门知识到一些很实用的算法了解，亦或我们在java学习中留下的坑，我整理了两张A4纸，日后也打算推送一些大家需要的工具或者资源，暂时学校的事情还是比较多，每晚我都写到很晚，不过我尽最大可能给大家更新，如果你有什么想了解的也可以私信，或者发送邮件和我交流，至
  • Django解析跨域问题 信阳农夫 djangopython后端
    跨域问题解决CORS（跨域资源共享，Cross-OriginResourceSharing）是一种跨域访问的机制，可让Ajax实现跨域访问。其实，在服务器的responseheader中，加入“Access-Control-Allow-Origin:*”便可支持CORS，很是的简单，apache/nginx等怎么配置，见参考文档。在Django中，有人开发了CORS-header的middlewa
  • AJAX请求（axios篇） 码农白衣 html前端知识JSajax前端javascript
    目录一、axios介绍1.概念2.功能3.好处二、axios用法1.安装方法2.GET方法3.POST方法4.执行多个并发请求5.axiosAPI6.请求方法的别名7.async/await异步请求三、axios实例四、总结一、axios介绍1.概念AJAX是“AsynchronousJavaScriptandXML”的缩写，它是一种用于创建交互式网页应用程序的技术。AJAX允许在不重新加载整个网
  • js 封装ajax方法吗,原生JS封装ajax方法 里小咸 js封装ajax方法吗
    jquery框架的ajax方法固然好用，但是假如某天我们的项目不能引入jquery或项目需求很简单，没有很多交互功能，只需要ajax，这时引入jquery库会造成资源浪费，也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。/*封装ajax函数*@param{string}opt.typehttp连接的方式，包括POST和GET两种方式*@param{string}opt.url发送请
  • ASP.NET站点配置以及VS2008下C#、JavaScript联合调试(Ajax) ----以最短路径Dijstra最短路问题为例 刘一哥GIS 《VS/C/C++/C#》ASP.NETIIS最短路径ajax
    实验任务描述：用VS2008构造ASP.NET站点开发环境；用ASP.NET完成JavaScript开发调试；用Ext3.0.0完成一个简单的树显示站;WebService程序设计，Dijstra最短路Web服务；JavaScript通过Ajax技术调用WebService;一、Windows下WEB共享设置打开你的WINDOWS，鼠标点开“我的电脑”，寻找下你机器的WINDOWS版本信息，如果你
  • Ajax 封装Ajax函数（含注释） 夏沐_lk jqueryAjax封装函数
    封装好的Ajax函数/***发送一个AJAX请求*@param{String}method请求方法*@param{String}url请求地址*@param{Object}params请求参数*@param{Function}done请求完成过后需要做的事情（委托/回调）*/functionajax(method,url,params,done){//统一转换为大写便于后续判断method=met
  • 前端（AJAX）学习笔记（CLASS 4）：进阶 肥肠可耐的西西公主 前端学习笔记
    1、同步代码和异步代码同步代码：浏览器按照书写代码的顺序一行一行去执行代码，逐行执行，需要原地等待结果后，才继续向下执行异步代码：调用后耗时，不阻塞代码继续执行，在将来完成后触发一个回调函数2、回调函数地狱和Promise链式调用概念：在回调函数中嵌套回调函数，从而形成回调函数地狱缺点：可读性差，异常无法捕获，耦合性严重，牵一发动全身promise-链式调用概念：依靠then()方法会返回一个新生
  • sap关账+策略模式（避免大量if elseif） 宜昌李国勇 代码优化java开发语言
    旧代码@Transactional(rollbackFor=Exception.class)publicAjaxResultpurchaseOrderReceiptOutSourceAfterSapCloseAccountingPeriod(Longid){SysPurorderPostingLogsysPurorderPostingLog=sysPurorderPostingLogMapper.
  • JavaEE 项目常见错误解决方案 一弦一柱 JavaEE常见错误中文乱码JSP404
    JavaEE项目常见错误解决方案数据库连接JavaBean获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用Bootstrap和JQuery，交互使用AJAX，IDE选用Eclipse,在时间比较仓促的情况下完
  • Flask框架中局部刷新页面 oliver.chau Python前端开发flaskpython后端
    在Flask中使用AJAX仅刷新leftMenue.html你的项目使用Flask，想要在添加网站后，仅刷新leftMenue.html而不刷新整个页面，可以使用AJAX（推荐）。✅1.在app.py里创建一个返回leftMenue.html的路由在Flask里，我们需要一个专门的API来返回最新的leftMenue.html。fromflaskimportFlask,render_templat
  • 基于讯飞星火的语音问答 哎呦☞ᨐ 语音识别人工智能语言模型文心一言opencv
    一.简介项目基于讯飞星火api作为核心能力并在其中搭载了WebSpeechAPI中的webkitSpeechRecognition对象来实现语音转文字的功能和TTS(Text-to-Speech)：通过调用百度TTSAPI将文本转换成语音，使机器人能够“说话”。实现了语音输入，语音输出的对话形式。实现方法：后端基于python的flask框架，前端使用了html+css并用AJAX通过XMLHtt
  • javaweb——AJAX快速入门 小羊持续开发 javawebajaxjavascript前端
    目录AJAX1.AJAX介绍2.AJAX概述3.为什么使用AJAX特点应用场景运行原理4.JQuery的AJAX```JS参数**post方式****get方式**区别：AJAX1.AJAX介绍传统项目前后端不分离，用户触发一个http请求服务器，然后服务器接收之后，在做出响应到用户，并且返回一个新的页面，也就是说交互都是通过页面刷新或页面跳转来实现。这样的方式对于用户体验来将其实并不友好，少量的
  • JavaWeb——AJAX(附三级联动省、市、区案例） weixin_43820008 JavaWebjavaajaxjavascriptjavaweb
    目录1.定义1.1优点2.基于jQuery的AJAX2.1语法2.2JSON2.3案例3.传统的WEB数据交互VSAJAX数据交互4.AJAX原理5.三级联动案例5.1案例说明5.2代码1.定义AJAX：异步的JavaScript和xml，并不是新的编程，指的是一种交互方式，异步加载，客户端和服务器的数据交互更新在局部页面的技术，不需要刷新整个页面（局部刷新）1.1优点局部刷新，效果更好用户体验更
  • python爬虫系列课程7：ajax wp_tao Python副业接单实战项目python爬虫ajax
    python爬虫系列课程7：ajax一、ajax的介绍二、ajax的使用一、ajax的介绍ajax是AsynchronousJavaScriptandXML的简写，ajax是一个前后端配合的技术，它可以让JavaScript发送异步的http请求，与后台通信进行数据的获取，ajax最大的优点是实现局部刷新，ajax可以发送http请求，当获取到后台数据的时候更新页面显示数据实现局部刷新，在这里大家
  • 【Gee-Web框架】【Day6】【Golang】模板Template 行者无疆xcc GeeWeb前端golang开发语言
    实现静态资源服务StaticResource支持HTML模板渲染一、服务端渲染1.简要说明前后端分离的开发模式，web后端提供RESTful接口，返回结构化的数据（通常是JSON或者XML），前端使用AJAX技术请求到所需的数据，利用JavaScript进行渲染。Vue/React等前端框架火热，优势突出后端专注解决资源利用、并发、数据库等问题，只需考虑数据如何生成前端专注界面设计实现，只需要考虑
  • html 页面滚动时 div位置不变,js实现页面刷新滚动条位置不变 weixin_28785069 html页面滚动时div位置不变
    今天因为这个问题困扰了很久网上的例子都尝试没效果，后来发现一点原来是内容最外层没有div的原因protectedoverrideboolHeaderScriptFilter(Topevery.Framework.Web.Configuration.Scriptval){switch(val.Key){case"ajaxpro2.prototype":case"ajaxpro2.core":case
  • jQuery 入门到精通 abments 前端jquery前端javascript
    jQuery入门到精通：详尽指南目录jQuery简介jQuery基础安装jQueryjQuery选择器DOM操作事件处理jQuery进阶动画效果AJAX插件项目实践简单的待办事项列表获取和显示API数据高级技巧性能优化调试技巧资源和总结1.jQuery简介jQuery是一个快速、小巧且功能丰富的JavaScript库，它使HTML文档的遍历和操作、事件处理、动画以及AJAX交互更简单。jQuery
  • Ajax基础语法总结 前端小谢 ajax前端
    了解服务器：提供某种服务器的机器（计算机）1.访问服务器的几种方式直接在地址栏输入网址a标签的href属性Location.href=‘url‘Ajax网页不会跳转Ajax技术：在网页不跳转的情况下，向服务器请求数据应用场景：局部刷新2.Ajax语法：get使用内置对象XMLHttpRequest发送ajax请求1.创建XMLHttpRequest对象Letxhr=newXMLHttpReques
  • 使用Ajax完成与后台服务器的数据交互 星星不打輰 ajax服务器交互edge浏览器
    使用Ajax实现与后台服务器的数据交互Ajax（异步的JavaScript和XML）##注意Ajax为异步的异步：即为不同步，同步相当于是我们在向后台发送请求的时候，必须返回一个响应数据才可以在浏览器下一步操作（形象描述：一次聊天，两者进行一问一答）–》这就叫做同步异步就是一者向另外一者发送信息，但是不等对方回复，可以继续向其发送信息**Ajax与服务器之间进行交换数据，更新的是部分网页的信息，而
  • Vue 过滤器 JSON_L 前端#Vue前端vue.js
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue使用-过滤器目录过滤器优化图片路径处理定义过滤器使用多个过滤器总结过滤器优化图片路径处理文件路径经过管道过滤器处理后，返回给图片路径，示例如下：ajax-axios{{item.title}}定义过滤器在vue中定义过滤器。示例如下：Vue.filter("imgFilter",(url)=>{returnurl.replace("
  • 前端vue面试题 微微的猪食小窝 vue面试题ajaxnode.jsvue.js
    一.自我介绍(我是谁来自哪里,今天来的目的,面试的岗位是什么,几年的工作经验,掌握的技术栈有哪些,开发过什么项目,项目中负责的板块是什么)面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种类型的项目。我做过的项目有A,B,C,D,E那么最近做的一个项目是XXX在这个项目中我主要负责的板块是
  • AJAX与PHP数据交互的精细指南 t0_54coder ajaxphp交互个人开发
    在当今的Web开发中，AJAX（AsynchronousJavaScriptandXML）与PHP的结合使用非常普遍，用于实现无刷新页面更新或后台数据处理等功能。今天，我们将通过一个实例，详细讲解如何使用AJAX与PHP进行数据交互，并解决常见的问题。实例背景假设我们有一个用户注册表单，当用户提交表单时，我们需要将数据插入到MySQL数据库中，同时在前端实时显示插入是否成功。前端代码首先，我们在H
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他