页面 ajax
function ajax({ url, success, data = { }, type= "GET", async = true}){
let xhr;
if(XMLHttpRequest){
xhr = new XMLHttpRequest;
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
let dataStr=jsonToString(data);//数据的传输以JSON格式,需要转换成string格式,才能在js代码中进行编写。
//在服务端发起请求时,请求方式分为get和post两种,是可以向服务端传递数据的
//GET 请求:传递的数据是跟在 open ⽅法中的 url 后⾯。
if(type.toUppercase()==''GET'){
xhr.open(type,url+"?"+dataStr, async);
xhr.send();
}else{
//POST 请求:传递的数据是放在 send ⽅法的参数中。
xhr.open(type , url , async );
xhr.send(dataStr); //等于xhr.send("name='zs'&age='18'");
}
xhr.onreadystatechange = function(){
//log(xhr.readyState);//测试状态是否输出了
if(xhr.readyState ==4 && ((xhr.sttus>=200 xhr.sttus<300) || xhr.status==304)){
let data=xhr.responseText;
success(data);//success回调函数
}
}
function jsonToString(obj){
let arr=[ ];
for(const key in obj){
const value=obj[key];
arr.push(`${key},${value}`);
}
return arr.join("&");
}
}
////////////////////////////////////
ajax({
type:"GET";
url:“https://getman.cn/mock/,,,”,
data:{name:"zs", age:18},
sucess(data){ console.log("daying ",data)}
});
最新文章
- [LeetCode] Missing Ranges 缺失区间
- Oracle EBS Java Applet报错:找不到类
- 咏南WEB开发框架
- 【解决方案】jquery live的change事件在IE下失效
- 读书笔记—CLR via C#反射
- 7.29 DFS总结
- cocos2dx android resources.ap_ does not exist
- 每天一个Linux命令(05)--rm命令
- 消息队列-ActiveMQ
- Lambda转sql部分代码保存
- lesson5rnns-fastai
- 使用Js控制ReactRouter路由
- 17个CSS知识点整理
- JS页面出现Uncaught SyntaxError: Unexpected token <; 错误
- Extjs DateTime 日期时间选择控件 (非点击日期强制选择) 支持4.0以上
- MyBatis中typealiases的使用
- [C++] Solve ";No source available for main()"; error when debugging on Eclipse
- 51nod 1449 砝码称重 (进制思想)
- 03_Adaptive注解
- vs2015+opencv3.3.1 实现 c++ 彩色高斯滤波器(Gaussian Smoothing, Gaussian Blur, Gaussian Filter)