ajax的简单用法发起对服务器的请求
2017-05-09 09:47
267 查看
1.ajax最大特点是页面不刷新,用户体验好。
2.发起对服务器的请求:
1)首先发送的是get请求:
var ah= new XMLHttpRequest();
ah.open("get","url");
ah.send(null);
ah.onreadystatechange=function(){
if(ah.readyState==4&&ah.status==200){
//成功,获取返回的result
ah.responsteText.
或者
var xmls = ah.responsteXML.
}
}
2)第二个是post请求
var ah = new XMLHttpResquest();
ah.open("post","url");
ah.setRequestHeader("content-type","application/x-www-form-urlencoded");
ah.send("xxx=111&xxx=222后面要追加的信息");//当xxx=“中文”需转码:“xxx =”+encodeURIComponent(value) ;
//阻止浏览器默认动作(在提交表单form时,阻止浏览器跳转)
evt.preventDefault();//或者return false;
ah.onreadystatechange(){
if(ah.responseText==4&&ah.status==200){
//成功,获取返回的result
ah.responsteText.
或者
var xmls = ah.responsteXML.
}
}
2.发起对服务器的请求:
1)首先发送的是get请求:
var ah= new XMLHttpRequest();
ah.open("get","url");
ah.send(null);
ah.onreadystatechange=function(){
if(ah.readyState==4&&ah.status==200){
//成功,获取返回的result
ah.responsteText.
或者
var xmls = ah.responsteXML.
}
}
2)第二个是post请求
var ah = new XMLHttpResquest();
ah.open("post","url");
ah.setRequestHeader("content-type","application/x-www-form-urlencoded");
ah.send("xxx=111&xxx=222后面要追加的信息");//当xxx=“中文”需转码:“xxx =”+encodeURIComponent(value) ;
//阻止浏览器默认动作(在提交表单form时,阻止浏览器跳转)
evt.preventDefault();//或者return false;
ah.onreadystatechange(){
if(ah.responseText==4&&ah.status==200){
//成功,获取返回的result
ah.responsteText.
或者
var xmls = ah.responsteXML.
}
}
相关文章推荐
- Ajax - 使用XMLHttpRequest对象向服务器发送简单请求
- jquery之利用ajax与服务器交谈(发起GET和POST请求之利用jquery获取数据)
- jquery之利用ajax与服务器交谈(发起GET和POST请求之发起POST请求)
- jquery之利用ajax与服务器交谈(完全控制ajax请求之带着所有的修整发起Ajax请求)
- Vue------第五天(Vue的Ajax请求,使用Axios,目前熟悉了一下,主要包括GET请求、POST请求、并发请求、请求参数的配置、服务器响应的结构以及对服务器响应错误的简单处理)
- jquery之利用ajax与服务器交谈(发起GET和POST请求之获取JSON数据)
- jquery之利用ajax与服务器交谈(温习ajax之发起请求)
- 简单的ajax请求aspx页
- 使用XMLHttpRequest对象向服务器发送简单请求
- AJAX+Servlet实现客户端无刷新请求服务器实践
- 简单的AJAX请求
- ajaxControlToolkit---FilteredTextBoxExtender的简单用法
- ajaxControlToolkit---ValidatorCalloutExtender的简单用法
- Ajax入门 第3部分 使用XML向服务器发送请求和从服务器接收 XML
- 掌握 Ajax,第 8 部分: 在请求和响应中使用 XML Ajax 客户机/服务器通信可以很巧妙
- asp.net ajaxControlToolkit FilteredTextBoxExtender的简单用法
- 一个Ajax请求如何向服务器发送XML
- Ajax---通过JSON与服务器通信(发送请求和处理响应)
- asp.net ajaxControlToolkit ValidatorCalloutExtender的简单用法
- 使用XMLHttpRequest对象向服务器发送简单的请求