JavaScript之ajax
ajax可以异步加载,在不刷新整个网页的情况下和服务端交互信息并更新页面的一个部分。主要有两种请求方式:get和post。
由于ie6以上才支持XMLHttpRequest所以在声明对象的时候最好如下这种方式声明:if(window.XMLHttpRequest){var xhr = new XMLHttpRequest(); }else{var xhr = new ActiveXObject('Microsoft.XMLHTTP'); }创建对象之后连接服务器:xhr.open('GET','服务端代码的地址?keyword=c&user_name=mike&age=20',true); 然后发送请求:xhr.send(); 然后接受返回值:
xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){alert(xhr.responseText);}else{alert("failed")}} }; 如果用set方法那么就是上面的写法,将传递的参数放在url里面,多个参数之间用 & 连接。如果是post方法:
xhr.open("POST","ajax.php",true);xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");xhr.send("key1=x&key2=q&key3=w");xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){alert(xhr.responseText);}}
上面服务端的代码在ajax.php里面,用post方法需要添加setRequestHeader方法,里面的写法就是上面所示。要传递的参数放在send方法里面。
get方法:速度快,传递的数据大小只有4kb,适用于小数据量的传递,传递的参数会暴露在url里面。
post方法:容量几乎无限,大多数情况下用于上传数据。
转载于:https://www.cnblogs.com/huizit1/p/5470685.html
JavaScript之ajax相关推荐
- Java项目:嘟嘟校园一卡通系统(java+JSP+Servlet+html+css+JavaScript+JQuery+Ajax+mysql)
源码获取:博客首页 "资源" 里下载! 一.项目简述 功能:卡管理,卡消费,卡充值,图书借阅,消费,记录,注销等等功能. 二.项目运行 环境配置: Jdk1.8 + Tomcat8 ...
- ajax更改dom,javascript – 用Ajax响应替换DOM节点
我有一个ajax响应,看起来像这样: some other text 我想用resp替换下面的element1: 所以在替换后我会得到: some other text 我尝试了replaceChil ...
- [转]掌握Ajax 第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 [IBM]
转自:http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步 ...
- JavaScript中ajax如何不刷新,JavaScript基于Ajax实现不刷新在网页上动态显示文件内容...
本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法.分享给大家供大家参考.具体如下: 下面的JS代码是一个最基础的JS的ajax实现,可以动态显示服务器上的文件aj ...
- JavaScript、Ajax与jQuery的关系
简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个框架,它对JS进行了封装 ...
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
- CSS、JavaScript和Ajax实现图片预加载的三大方法及优缺点分析
预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画 廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发 ...
- jQuery与JavaScript与ajax三者的区别与联系
jQuery与JavaScript与ajax三者的区别与联系 简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页 ...
- JavaScript、Ajax、jQuery全部知识点,5分钟速懂!
本文将详细解读JavaScript.ajax.jQuery是什么?他们可以实现什么? 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语 ...
- php原生的异步请求,原生JavaScript实现Ajax异步请求
ajax现在是一种非常流行的技术,现在虽然可以利用JQuery或者一些第三方插件甚至微软提供的一些控件可以方面的实现ajax功能,但是明白其原理也是非常重要的,下面是来使用纯javascript实现获 ...
最新文章
- python从菜鸟到高手电子书下载_PYTHON从菜鸟到高手 清华大学出版社
- boost::python::back_reference相关的测试程序
- [10] ADB 修改设置
- stack和queue容器
- Ubuntu 使用 Smina 对接教程
- Android布局基础知识
- 高中计算机学科教学计划,高一信息技术教学计划及进度表.doc
- 安装Lr11.0(LoadRunner) 出现安装LoadRunner时出现:缺少vc2005_sp1_with_atl_fix_redist的解决办法
- 纯windows下制作变色龙引导安装U盘教程
- 计算机网络技术ui设计,UI设计小白到大神的进阶之路—入门基础篇
- NanDigits GOF ECO 9介绍
- Windows服务器基本安全策略配置
- 微软服务器版本组建nas,怎么用windows server 2012组建家用nas服务器
- matlab指南针的例子,小米指南针源码
- HTML入门笔记(案例+截图)
- 食物链 (利用并查集的两种解决方法)
- db2 日期英式写法_英式与美式日期写法 基数与序数词辨析
- 清除IE浏览器SSL缓存
- js 把数据生成word
- 甜糖心愿 网心云 操作指南
热门文章
- hadoop 配置 docker伪分布式(单节点)
- Python AES
- Java SpringMVC
- hadoop hdfs 集群模板机配置
- 3.4 多个例子中的向量化
- Pandas 数据框增、删、改、查、去重、抽样基本操作
- 如何解除服务器注册,《天龙八部手游》服务器注册上限怎么办 服务器注册方法...
- c语言输出教学日历表 节假日突出,[蓝桥杯][算法提高VIP]任意年月日历输出 (C语言代码)...
- Comsenz 核心产品 Discuz! X3.3 正式版【2017-07-01】 -论坛搭建
- Linux学习总结(55)——Linux 运维常用脚本