js原生和ajax的get和post方法以及jsonp的原生写法
来源:互联网 发布:视频播放器编程 编辑:程序博客网 时间:2024/05/16 18:20
var xhr = new XMLHttpRequest();
xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true);
xhr.send();
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if (xhr.status>=200 && xhr.status<300) {
alert(xhr.responseText);
};
};
}
}
ajax方法
btn.onclick = function(){
ajax(
"GET",
"http://localhost/ajax2/my02.php",
{xingming:xingming.value,pwd:pwd.value},
function(data){
console.log(data);
},
function(errCode){
console.log(errCode);
}
)
post方法传参
它与个get方法的区别:
01 安全型。post更安全。
02 速度. get的速度快
03 数量级。 post的数量级更大一些.
具体实现:
var xhr = new XMLHttpRequest();
xhr.open("post","http://localhost/ajax2/login2.php",true);
var data = {
username:username1.value,
pwd:pwd1.value
}
// 设置请求头 告诉服务器发给他的数据是json格式
xhr.setRequestHeader("content-type","application/json");
xhr.send( JSON.stringify(data) );
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if ( xhr.status >= 200 && xhr.status < 300 ) {
alert(xhr.responseText);
};
};
}
原生jsonp 方法
var sc = document.createElement("script");
sc.type = "text/javascript";
document.body.appendChild(sc);
sc.src = "http://localhost/ajax2/jsonp.php?cb=myCallBack";
function myCallBack(data){
console.log(data);
}
- js原生和ajax的get和post方法以及jsonp的原生写法
- 原生AJAX的GET和POST
- AJAX的get和post请求原生编写方法
- 原生JS实现的AJAX方法、JSONP
- 关于ajax原生的get请求和post请求
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- js原生的ajax写法
- js---原生JS数组arr遍历方法forEach()和map()遍历的区别以及兼容写法
- 原生JS实现Ajax的GET POST请求
- Js原生Ajax和Jquery的Ajax
- ajax的原生写法
- 原生ajax的写法
- 原生js和jQuery的AJAX实现
- 原生js的ajax请求兼容写法
- Numeric Overflow,SQL问题?Java Code问题?
- vue+element+less項目搭建
- 打造自己的 APP「冰与火百科」(一):分析定位
- 设计模式之解释器模式的学习思考
- ROS学习笔记(四):ROS主题
- js原生和ajax的get和post方法以及jsonp的原生写法
- Volley源码看这一篇就够了
- Android图形显示系统——上层显示2:硬件加速实现
- 图像梯度--matlab gradient理解
- OpenCV图像边缘检测(Canny算法)
- 数据库ACID属性
- 数据库的类型
- Linux系统中的以太网连接
- Bootstrap-datepicker日期时间选择器的常见用法总结