首页 > 代码库 > jquery的ajax
jquery的ajax
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="http://www.mamicode.com/js/jquery-1.8.3.js"></script> 7 <script type="text/javascript"> 8 9 $(function(){ 10 $("input").click(function(){ 11 //0.1请求lujing 12 var url = "/jquery_day02/SendDataServlet"; 13 //0.2请求参数 位json字符串 14 var params = {"username":"杰克","password":"123"}; 15 /* 16 * 1 17 * 使用load(url, [data], [callback])函数加载 18 * *不加请求参数则是get请求 19 * *加了请求参数是post请求 他的回调函数有三个参数 20 * 参数1:data响应数据 load()永远得到的是字符串 可以使用eval()变为json对象 21 */ 22 // $(this).load(url,params,function(data){ 23 // var json = eval("("+data+")"); 24 // alert(json.message); 25 // }); 26 27 /* 28 * 2$.get()全局函数,发送get请求 29 * jQuery.get(url, [data], [callback], [type]) 30 * *你需要解决中文编码的问题 new String(username.getBygets("iso-8859-1","utf-8")); 31 * *响应的数据,如果使用的是application/json;charset=utf-8,则jquery自动的将数据切换为json对象 32 * *响应的数据,如果使用的是text/json;charset=utf-8,则回调函数返回的字符串,需要手动转换 33 * 使用参数4 type:返回内容格式,xml, html, script, json, text, _default。 34 * 设为"json"就返回json对象了 35 */ 36 // $.get(url,params,function(data){ 37 // alert(data.message); 38 // },"json"); 39 /* 40 * $.post() 请求时post 同上 41 */ 42 // $.post()(url,params,function(data){ 43 // alert(data.message); 44 // },"json"); 45 /* 46 * $.ajax();底层功能最强大 47 * 格式:$.ajax([settings]) 48 * 参数setting:设置所有参数 49 * url:发送请求地址 50 * data:发送到服务器的数据 51 * type:请求方式 52 * success:成功的回到函数success(data, textStatus, jqXHR) data:服务器响应的数据 53 * dataType:务器返回的数据类型 xml, html, script, json, text, _default 54 * error:请求失败时调用此函数 55 */ 56 $.ajax({ 57 "url":url, 58 "data":params, 59 "type":"post", 60 "success":function(data){ 61 alert(data.message); 62 }, 63 "dataType":"json", 64 "error":function(){ 65 alert("服务器请求繁忙"); 66 } 67 68 69 }); 70 }); 71 }); 72 </script> 73 74 </head> 75 <body> 76 77 <input type="button" value="http://www.mamicode.com/发送ajax" /> 78 79 80 </body> 81 </html>
jquery的ajax
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。