首页 > 代码库 > 原生和jQuery的ajax用法
原生和jQuery的ajax用法
form数据的序列化:
$(‘#submit‘).click(function(){ $(‘#form‘).serialize(); //会根据input里面的name,把数据序列化成字符串;eg:name=yang $(‘#form‘).serializeArray(); //会根据input里面的name,把数据序列化成数组;eg:[object]
//注意:没有name会获取不到值
//下面两种不是jQuery的方法 JSON.parse() //json字符串转化为json对象 JSON.stringify() //json对象转化为json字符串 });
jQuery的ajax方法:
$.ajax({ url:‘/comm/test1.php‘, type:‘POST‘, //GET async:true, //或false,是否异步 data:{ name:‘yang‘,age:25 }, 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方法:
$(‘#send‘).click(function(){ //请求的5个阶段,对应readyState的值 //0: 未初始化,send方法未调用; //1: 正在发送请求,send方法已调用; //2: 请求发送完毕,send方法执行完毕; //3: 正在解析响应内容; //4: 响应内容解析完毕; var data = http://www.mamicode.com/‘name=yang‘;>
原生和jQuery的ajax用法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。