手机版

AJAX XMLHttpRequest对象的详细说明

时间:2021-11-05 来源:互联网 编辑:宝哥软件园 浏览:

AJAX是一种用于创建交互式web应用程序的web开发技术,它是异步Javascript和XML的集合。它的核心是XMLHttpRequest对象,可以在本地更新网页,而无需将整个页面提交给服务器。它是AJAX网络应用架构的关键技术。基本属性:

基本方法:

XMLHttpRequest五步法:首先,创建XMLHttpRequest对象;二是注册回调函数;第三,设置与服务器交互的参数;第四,设置发送到服务器的数据,并开始与服务器交互;第五,判断与服务器的交互是否完成,判断服务器是否返回正确的数据HTML代码:

!DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/title/title脚本类型=' text/JavaScript ' var xmlhttp;函数submit() {//1,创建XMLHttpRequest对象if(window . XMLHttpRequest){ xmlhttp=new XMLHttpRequest();if(xmlhttp . overrideinetype){//修复某些特定版本mozillar browser的bugs将覆盖发送到服务器的标头,并强制text/xml为mime类型的xmlhttp . overrideinetype(' text/XML ');} } else if(window . ActiveX object){//应对IE浏览器var ActiveX name=[' MSXML L2 . xmlhttp . 6.0 ',' msxml2.xmlhttp.5.0 ',' msxml2.xmlhttp.4.0 ','。for(var I=0;i activexName.lengthI){ try { xmlhttp=new ActiveX object(ActiveX name[I]);打破;} catch(e){ } } } if(xmlhttp==undefined | | xmlhttp==null){ alert('当前浏览器不支持插件XMLHttpRequest对象,请更改浏览器');返回;} //2.注册回调函数xmlhttp . onreadystatechange=callback;//获取当前值var username=document . getelementbyid(' username ')。价值;//设置字符串参数并进行编码(对于POST提交模式)var args=' username=' encodeuri组件(username);//GET interaction //3、设置与服务器的交互参数//xmlhttp.open ('get ',' xmlhttprequest.aspx?username=' username,true);//POST交互//3。设置与服务器//交互的参数不用担心缓存xmlhttp.open ('post ',' xmlhttprequest.aspx?username=' username,true);//设置Content-Type,通知服务器有一个参数xmlhttp . setrequestheader(' Content-Type ',' application/x-www-form-URL encoded ');//4.设置发送到服务器的数据,并开始与服务器的交互。//用于GET提交。//xmlhttp . send(null);//用于POST提交xmlhttp . send(args);函数回调(){//5。确定与服务器的交互是否完成。还有接收方法varmessage=xmlhttp . response text用于判断服务器是否正确返回了数据如果(xmlhttp . readystate==4){//readystate=4表示交互完成如果(xmlhttp . status==200){//status=200表示数据已经正确返回//纯文本数据;var div=document . getelementbyid(' message ');div.innerHTML=消息;} } } }/script/head body input type=' text ' id=' username '/input type=' button ' value='用户名验证' onclick=' submit()'/br/div id=' message '/div/body/html aspx:

使用系统;使用系统。集合。通用;使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件;命名空间XMLHttpRequest五步法{公共分部类XMLHttpRequest :系统.网络。用户界面。第{页受保护的无效页面_加载(对象发送者,事件参数e){//响应clear();//获取当前值,去拿提交使用请求。参数方法//字符串用户名=请求查询字符串[' username '];//POST提交,使用请求。表单字符串用户名=请求。表单['用户名'];回应。写('姓名:"用户名" br/时间:' ' DateTime .现在。ToString()' ' ' ');回应end();} } } 总结:

XMLHttpRequest是创建交互式、快速动态网页应用的网页开发技术的核心部分,需要好好理解。刚开始接触的时候,有些不明白是怎么回事,而且视频中讲的也是原生的AJAX,表面上看来不太好理解,但是通过具体的演示实践,就会发现其实这个挺容易理解的。

以上就是本文的全部内容,希望对大家的学习有所帮助。

版权声明:AJAX XMLHttpRequest对象的详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。