jquery中的
ajax
$.ajax({ type : "POST", //请求方式 async:false, //是否异步 url : "/prpall/dataSapperMaintain.do?actionType=getNum", //请求路径 data : { //请求参数 username : value }, success : function(msg) { //异步请求成功执行的回调函数 alert("成功了: " + msg); $("#usernameinfo").html(msg); },//ajax引擎一般用不到;状态信息;抛出的异常信息 error : function(XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); alert("失败了"+errorThrown) } });
post方式
格式
$.post(url, [data], [callback], [type])
参数1:url,请求路径
参数2:data,请求参数 参数3:callback,回调函数 参数4:type,返回内容格式,默认的是text,xml, html, script, json, text, _default。例子
$.post("test.php", { "func": "getNameAndTime" }, function(data){ alert(data.name); // John console.log(data.time); // 2pm }, "json");
get方式
格式
$.get(url, [data], [callback], [type]);
第一个参数:请求的路径 如:
${pageContext.request.contextPath}/Servlet1
第二个参数:请求的参数 格式:
// JSON数据格式{key1:value1,key2:value2}
第三个参数:回调函数 格式:
function(data){ alert(data); }
第四个参数:返回内容 格式:xml, html, script, json, text, _default。
服务器响应编码为:application/json;charset=UTF-8,回调函数data类型是json对象
服务器响应编码为:text/html;charset=UTF-8,回调函数data类型是字符串。
$.get() 以get请求方式发送ajax除了请求方式不同,使用方式与$.post()完全一致。
.get()和
.post()两种方式书写格式一模一样,只需要修改.get()为
.post(),其余地方不需要改动!
它们的请求方式不同$.get()为get请求,$.post()为post请求。这两种请求方式在处理编码方式上不一样,建议优先使用$.post()请求方式。
例子
显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数。
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });