原生写法:

$('#send').click(function(){
//请求的5个阶段,对应readyState的值
//0: 未初始化,send方法未调用;
//1: 正在发送请求,send方法已调用;
//2: 请求发送完毕,send方法执行完毕;
//3: 正在解析响应内容;
//4: 响应内容解析完毕; var data = 'name=yang';
var xhr = new XMLHttpRequest(); //创建一个ajax对象
xhr.onreadystatechange = function(event){ //对ajax对象进行监听
if(xhr.readyState == 4){ //4表示解析完毕
if(xhr.status == 200){ //200为正常返回
console.log(xhr)
}
}
};
xhr.open('POST','url',true); //建立连接,参数一:发送方式,二:请求地址,三:是否异步,true为异步
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded; charset=utf-8'); //POST貌似可有可无,get不加可能会出现问题
xhr.send(data); //发送
});

jquery写法:

$.ajax({
url:'/test.do',
type:'POST', //GET
async:true, //或false,是否异步
data:{
"name":"name1","address":"朝阳","age":18
},
timeout:5000, //超时时间
dataType:'json', //返回的数据格式:json/xml/html/script/jsonp/text
beforeSend:function(xhr){
console.log(xhr)
console.log('发送前')
},
success:function(data,textStatus,jqXHR){
console.log(data)
console.log(textStatus)
console.log(jqXHR)
},
error:function(xhr,textStatus){
console.log('错误')
console.log(xhr)
console.log(textStatus)
},
complete:function(){
console.log('结束')
}
})
    $.ajax({
url: "test.do",
type: "POST",
async: true,//默认true:异步
contentType:"application/x-www-form-urlencoded;charset=UTF-8",//发送信息至服务器时内容编码类型
data: {"postMsg":postMsg},
dataType: "json",//返回的数据格式
timeout:5000,//超时时间
cache: false,
success: function(data,status){ },
error: function(xmlHttpRequest,errorInfo,errorObject){
alert(xmlHttpRequest.status);
alert(errorInfo);
}
});

最新文章

  1. ThinkPHP3快速入门教程-:基础
  2. Git的冲突解决过程
  3. poj-3264-Balanced Lineup
  4. ubuntu下ssh使用proxy:corkscrew
  5. Selenium2学习-012-WebUI自动化实战实例-010-解决元素失效:StaleElementReferenceException: stale element reference: element is not attached to the page document
  6. iOS NSPredicate和正则表达式
  7. @QueryParam和@PathParam比较
  8. Jvm基础(1)-Java运行时数据区
  9. Android开发:碎片Fragment完全解析fragment_main.xml/activity_main.xml
  10. 饿了么移动APP的架构演进(转)
  11. 怎么给没链接的flash加超链接
  12. poj 2992
  13. Visual Assist X 快捷键
  14. php的api及登录的权限验证
  15. 进入js
  16. jmeter4.0的汉化
  17. php-parser在Aop编程中的使用
  18. HDU小小练
  19. git代码合并:Merge、Rebase的选择
  20. hive 安装centos7

热门文章

  1. 【UML】-NO.41.EBook.5.UML.1.001-【UML 大战需求分析】- 类图(Class Diagram)
  2. word2vec 评测 sg=0 sg=1 size=100 window=3
  3. nodejs+mysql入门实例(增)
  4. conda常用命令
  5. .net委托链
  6. 转git的使用
  7. jQuery-点击查看联系方式
  8. 恢复Windows10应用商店
  9. Yii2 Gridview查询关联筛选
  10. 08 集合[11,22,33,44,55,66,77,88,99],将所有<66的值保存至字典的第一个key中,将所有>=66的值保存至字典的第二个key中。即:{'k1':<66的所有值,'k2':>=66的所有值}