时间:2021-05-26
什么是ajax?
ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。
如何使用ajax?
第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。
var xhttp;if (window.XMLHttpRequest) {//现代主流浏览器xhttp = new XMLHttpRequest();} else {// 针对浏览器,比如IE5或IE6xhttp = new ActiveXObject("Microsoft.XMLHTTP");}第二步,使用xmlhttprequest对象的open()和send()方法发送资源请求给服务器。
xmlhttp.open(method,url,async) method包括get 和post,url主要是文件或资源的路径,async参数为true(代表异步)或者false(代表同步)
xhttp.send();使用get方法发送请求到服务器。
xhttp.send(string);使用post方法发送请求到服务器。
post 发送请求什么时候能够使用呢?
(1)更新一个文件或者数据库的时候。
(2)发送大量数据到服务器,因为post请求没有字符限制。
(3)发送用户输入的加密数据。
get例子:
post例子
xhttp.open("POST", "demo_post.asp", true);xhttp.send();post表单数据需要使用xmlhttprequest对象的setRequestHeader方法增加一个HTTP头。
post表单例子
xhttp.open("POST", "ajax_test.aspx", true);xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");xhttp.send("fname=Henry&lname=Ford");async=true 当服务器准备响应时将执行onreadystatechange函数。
xhttp.onreadystatechange = function() {if (xhttp.readyState == 4 && xhttp.status == 200) {document.getElementById("demo").innerHTML = xhttp.responseText;}};xhttp.open("GET", "index.aspx", true);xhttp.send();asyn=false 则将不需要写onreadystatechange函数,直接在send后面写上执行代码。
第三步,使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。
使用responseText属性得到服务器响应的字符串数据,使用responseXML属性得到服务器响应的XML数据。
例子如下:
document.getElementById("demo").innerHTML = xhttp.responseText;服务器响应的XML数据需要使用XML对象进行转换。
例子:
第四步,onreadystatechange函数,当发送请求到服务器,我们想要服务器响应执行一些功能就需要使用onreadystatechange函数,每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数。
onreadystatechange属性存储一个当readyState发生改变时自动被调用的函数。
readyState属性,XMLHttpRequest对象的状态,改变从0到4,0代表请求未被初始化,1代表服务器连接成功,2请求被服务器接收,3处理请求,4请求完成并且响应准备。
status属性,200表示成功响应,404表示页面不存在。
在onreadystatechange事件中,服务器响应准备的时候发生,当readyState==4和status==200的时候服务器响应准备。
例子:
以上所述是小编给大家介绍的Ajax的使用四大步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AD域策略批量分发安装软件,整体分为四大步骤:封装程序格式为msi格式,可以使用的软件很多。共享目录设备。域策略中设置软件批量分发。客户端登陆电脑进行验证。一、
怎么申请企业店铺? 亲,以下流程为第一次开店,申请为企业店铺步骤,若您是已开个人店铺需要升级企业店铺,可点击此处参考操作。 一.申请淘宝企业店铺四大步:
个人想做跨境出口电商,应该如何开始呢,找不到方向,去哪找货源,怎么运营操作?同时,个人如果想做好跨境电商,这四大步骤是缺一不可的。第一选择自己合适的平台,第二熟
IT信息技术交流网站的设计开发包括前期分析、网站设计、网站开发、测试维护四大步骤。每一个步骤对与网站设计开发都很重要,对后面的进一步操作提供依据和基础。前期分析
亲,下列步骤为第一次开实体店,申请办理为淘宝企业店流程,若您是已开本人店面必须升級淘宝企业店,可点一下这里参照实际操作。一.申请办理淘宝企业店铺四大步:注册淘宝