码迷,mamicode.com
首页 > Web开发 > 详细

原生的ajax和jQuery Ajax的用法

时间:2018-02-27 23:22:47      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:change   回调函数   方式   cat   ==   use   app   第一个   传参   

原生的ajax!!!!  

  本人是初学菜鸟,不喜勿喷!!有错的地方请各位大神指教!!谢谢!!!

  注意post和get的用法有点不一样!!!

 

//1、获取XMLHttpRequest对象
var XMLHttpRequest;
if(window.ActiveXObject){ //判断是否是IE浏览器
//获取XMLHttpRequest对象
XMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}else{ //非IE浏览器
//获取XMLHttpRequest对象
XMLHttpRequest = new XMLHttpRequest();
}

//4、调用回调事件,判断请求状态
XMLHttpRequest.onreadystatechange = function (){

/*
XMLHttpRequest.readyState判断请求状态
0:请求未初始化(还没有调用 open())。
1:请求已经建立,但是还没有发送(还没有调用 send())。
2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。
3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。
4:响应已完成;您可以获取并使用服务器的响应了。
*/
if(XMLHttpRequest.readyState == 4){
//XMLHttpRequest.status == 200 表示正常返回
if(XMLHttpRequest.status == 200){
alert("请求成功!!!!")
}
}
}



//2、发送一个请求
/*
第一个参数是 请求的方式
第二个参数是 请求的地址 如果需要传参数 那么直接拼在url后面就好了
第三个参数是 是否需要异步 false就是不需要异步 true就是需要异步
第四个参数是 username 不给
第五个参数是 password 不给
*/
XMLHttpRequest.open("get","url",false);

//这是post提交方式才需要 get提交方式不需要(这是post和get不同的地方)
XMLHttpRequest.setRequestHeader("Context-type","application/x-www-form-urlencoded");


//3、传递参数
//get请求方式
//XMLHttpRequest.send(null);

//post请求方式
XMLHttpRequest.send("username=xxx&password=123");

 

 

 

jQuery的ajax!!!  

  使用前需要链接jquery-3.2.0.min.js。

 

<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
<script type="text/javascript">

$.ajax({
//请求的方式 post、get
type:"get",
//是否需要异步,false 不需要异步,true是需要异步
async:"false",
//请求的路径
url:"URL",
//传递的参数
data:"username=zhangsan&password=123",
//返回值类型 text表示纯文本类型
dataType:"text",
//调用回调函数
success:function(data){
alert(data);
}
});

 

原生的ajax和jQuery Ajax的用法

标签:change   回调函数   方式   cat   ==   use   app   第一个   传参   

原文地址:https://www.cnblogs.com/newbieLuo/p/newbieLuo.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!