ajax的简单用法发起对服务器的请求

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. } }

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...