xmlhttp | 易学教程

Ajax交互demo1

阅读更多关于 Ajax交互demo1

一、概念 Ajax异步请求刷新。浏览器在用户不知道的情况下，偷偷地跟服务器交互，然后返回数据给浏览器显示。异步过程：当HTTP请求发送后，通过Ajax技术使用的XMLHttpRequest对象来发送，此时不需等待服务器响应处理，返回数据等操作，用户可直接在浏览器界面进行下一步操作。异步过程是Ajax的HTTP请求和用户输入数据等操作是异步的。二、例子实现的例子效果选择任意一个明星的名字，浏览器就会偷偷发送HTTP请求服务器请求该明星的资料，并且返回回来。实现了一个页面局部刷新。代码： 1、首先要先初始化一个XMLHttpRequest对象兼容不同的浏览器 function GetXmlHttpObject() //获取XmlHttpRequest对象 { var xmlHttp = null; try { //FF opera 8.0+ xmlHttp = new XMLHttpRequest(); } catch(e) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE浏览器支持ActiveXObject } } return xmlHttp; } 2

XmlHttp小知识

阅读更多关于 XmlHttp小知识

XmlHttp小知识 1、简介 XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API，XmlHttp提供客户端同http服务器通讯的协议。 2、属性 ( 1 ) onreadystatechange -- -- 指定当readyState属性改变时的事件处理句柄 -- -- 只写 ( 2 ) readyState -- -- 返回当前请求的状态 -- -- 只读 ( 3 ) responseBody -- -- 将回应信息正文以unsigned byte 数组形式返回 -- -- 只读 ( 4 ) responseStream -- -- 以Ado Stream对象的形式返回响应信息 -- -- 只读 ( 5 ) responseText -- -- 将响应信息作为字符串返回 -- -- 只读 ( 6 ) responseXML -- -- 将响应信息格式化为Xml Document对象并返回 -- -- 只读 ( 7 ) status -- -- 返回当前请求的http状态码 -- -- 只读 ( 8 ) statusText -- -- 返回当前请求的响应行状态 -- -- 只读 3、方法 ( 1 ) abort -- -- 取消当前请求 ( 2 )

AJAX

阅读更多关于 AJAX

目录 1. XMLHttpRequest 2. 使用 XMLHttpRequest 时的基本处理流程 3. 通过XMLHttpRequest 进行同步通信 4. 超时处理 5. 响应 6. 跨源限制 7. 跨源通信 JSONP iframe 攻击（iframe hack） window.postMessage XMLHttpRequest Level 2 AJAX 是 Asynchronous JavaScript + XML 的简称。AJAX 一词的实际含义为“不发生页面跳转、异步载入内容并改写页面内容的技术”。在实际操作中，AJAX 不仅仅会使用XML 数据，很多时候也会对 JSON 或纯文本进行操作。AJAX 的关键在于它是以异步的方式执行的。异步处理的优点是不会让用户白白等待。对于同步处理来说，在处理完来自服务器的响应之前，用户无法进行任何其他操作，只能等待。如果服务器的响应发生了延迟，会让用户误以为页面失去了响应。在优先考虑用户体验时，与同步处理相比，采用异步处理的方式更为合适，这一点是显而易见的。 1. XMLHttpRequest 通过使用XMLHttpRequest 对象令JavaScript 动态地向服务器发送请求。 XMLHttpRequest 的跨浏览器支持 if (!window.XMLHttpRequest) { // Internet

AJAX基础知识

阅读更多关于 AJAX基础知识

注意：该总结借鉴了许多其他博客、书籍、论文（面向搜索引擎学习搬运工-.-|||）目录 AJAX： JQuery： JSON： HTTP： AJAX：同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待、卡死状态；异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随意做其他事情，不会被卡死。 AJAX（Asynchronous JavaScript and XML）即异步的JavaScript和XML。JavaScript是脚本语言，XML是可扩展标记语言用于存放数据信息。AJax就是利用JavaScript脚本访问数据的一种技术，不是新的编程语言，而是一种使用现有标准的新方法。AJAX 使网页实现异步更新，就是在不重新加载整个网页的情况下，对网页进行局部更新。页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提交请求到服务器端，在这段时间里，客户端可以任意进行任意操作，直到服务器端将数据返回给Ajax引擎后，会触发你设置的事件，从而执行自定义的js逻辑代码完成某种页面功能。Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,

Ajax——08——AJA的基本使用

阅读更多关于 Ajax——08——AJA的基本使用

1.什么是AJAX呢？ AJAX是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下比如说：淘宝搜索框搜索一件物品时，会重新加载页面，不是使用的AJAX,但是搜索框下面的提示内容是没有重新加载页面的，则是用AJAX完成的 2.如何使用AJAX HTML代码 b.html <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Title </ title >  < script > window . onload = function ( ev ) { var oBtn = document . querySelector ( "button" ) oBtn . onclick = function ( ev1 ) { // 1.创建一个异步对象 var xmlhttp = new XMLHttpRequest ( ) ; //2.设置请求方式和请求地址(给创建的异步对象设置) /* method:请求的类型：GET或POST url:文件在服务器上的位置 async:true(异步)或false(同步) AJAX是异步请求

尝试用kotlin做一个app（八）

阅读更多关于尝试用kotlin做一个app（八）

点击新闻列表进入详情页使用WebView 1.准备工作现在没有办法把整个网站前端都做出来，就先做一个新闻页面吧。新闻页面也要连接数据库，要使用之前写后台的JDBC类，所以我想可以在原来项目中增加一个“子项目”。那就要调整一下原来项目的结构。调整后的项目结构是这样的以下是遇到的问题和解决方法 idea项目重命名如果出现错误 javax.management.InstanceNotFoundException: Catalina:type=Server ，查看artifacts下的是否还保留了原来的项目提示: Caused by: java.lang.IllegalArgumentException: 指定的主资源集无效，查看tomcat下的server.xml下是否存在无效的路径 servlet重定向到jsp后，css样式和图片都没了，解决办法 2.写新闻详情页的html代码&ajax请求数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=

超级简单/方便--不刷新页面---刷新数据之--幕后黑手---XMLHTTP---介绍/用法

阅读更多关于超级简单/方便--不刷新页面---刷新数据之--幕后黑手---XMLHTTP---介绍/用法

-------------就是下面这个很简单的javascript函数SEND(STR,URL)---------------------- 使用到的是XMLDOM和XMLHTTP对象.用这种技术的好处是:全JS控制,方便/简单,比RDS或者remote好多了.(前提:服务器端和客户端都必须安装IE5或者更高版本),在俺贴的那个无刷新在线信息功能使用的也是这种技术.有兴趣的朋友可以看看… function Send ( Str , URL ) //STR参数是传入的XML数据,你也可以传入其他文本数据. //不过这个函数需要服务器端处理之后返回XML数据,你也可以修改一下 //URL参数表示你所要处理数据的ASP文件地址 { var Http = new ActiveXObject ( "Microsoft.XMLHTTP" ) //建立XMLHTTP对象 var Dom = new ActiveXObject ( "Microsoft.XMLDOM" ) //建立XMLDOM对象 Http . open ( "POST" , URL , false ) //第一个参数的意思是,用"POST"方式发送数据.可以大到4MB,也可以换为"GET".只能256KB //第2个参数的意思是数据发送到哪个文件处理 //第3个参数意思是同步或异步方式.TRUE为异步,FALSE为同步 Http

几种调用WebService的方法

阅读更多关于几种调用WebService的方法

1．在JavaScript中调用WebService <script language="javascript"> function PostRequestData(URL,data){ var xmlhttp = new ActiveXObject("Microsoft. XML HTTP"); xmlhttp.Open("POST",URL, false); xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8"); xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/myService/test/isNumner"); try { xmlhttp.Send(data); var result = xmlhttp.status; } catch(ex) { return("0" + ex.description + "|" + ex.number); } if(result==200) { return("1" + xmlhttp.responseText); } xmlhttp = null; } function loadit(value){ var url = 'http://localhost/myService/test

前端总结·基础篇·JS（四）异步请求及跨域方案

阅读更多关于前端总结·基础篇·JS（四）异步请求及跨域方案

前端总结系列前端总结·基础篇·CSS（一）布局前端总结·基础篇·CSS（二）视觉前端总结·基础篇·CSS（三）补充前端总结·基础篇·JS（一）原型、原型链、构造函数和字符串（String）前端总结·基础篇·JS（二）数组深拷贝、去重以及字符串反序和数组（Array）前端总结·基础篇·JS（三）arguments、callee、call、apply、bind及函数封装和构造函数前端总结·基础篇·JS（四）异步请求及跨域方案前端总结·工具篇·管理（一）常用模块化方案目录一、异步请求 1.1 XHR（XMLHttpRequest） 1.2 Promise（ES6） 1.3 Fetch 二、跨域方案 2.1 JSONP（JavaScript Object Notation with Padding） 2.2 CORS（Cross-origin resource sharing）一、异步请求此文只进行简单的介绍，完整的用例请见我的 Github 。Github上的用例，对这三种方法的POST和GET请求都进行了封装。 Github演示不支持POST请求，所以会有部分报错。完整测试可以放在本机的localhost下。 a.json ------------- { "user":"张三", "folling":30, "foller": 20 } 1.1 XHR

JavaScript 之 ajax

阅读更多关于 JavaScript 之 ajax

1. AJAX 的概念 AJAX，即 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）同步：前面的代码不执行完毕，后面的代码无法执行异步：前面的代码不执行完毕，后面的代码也可正常执行作用：在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页，实现异步无刷新运用场景：表单验证，搜索框输入，论坛，博客等 2. XMLHttpRequest 对象 XMLHttpRequest 用于在后台与服务器交换数据创建XMLHttpRequest 对象 var xmlhttp; if(window.XMLHttpRequest){ //ie7以上、谷歌、火狐支持 xmlhttp = new XMLHttpRequest(); }else{ //老版本的ie5、6使用ActiveX xmlhttp = new ActiveXObject(); } 向服务器发送请求　　open(请求类型get/post，发送地址，同步true/异步false) 　　send(string仅用于post请求)　　 xmlhttp.open("get","01.txt",true); xmlhttp.send(); 　　当选择同步时，规定在响应处于 onreadystatechange(存储函数，当 readyState 属性改变时调用

订阅 xmlhttp