jquery的post 和 get 如何提交至servlet
根据您的问题,第一时间想到的是ajax请求
Post提交,代码如下:
function do_fun(href) {
//序列化表单参数
var params=$('#edit_form').serialize();
//ajax请求
$.ajax({
type:'POST',//post提交
url:href, //提交的地址,直接调用你得servlet
data:params,//传递到servlet的参数
dataType:'json', //返回值是一个对象
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("JQuery AJAX Error!");
},
success:function(data){
//data是后台返回的数据,根据自己的需求处理
}
});
}
get提交,可以依据以上的方式,修改type
其中dataType的类型也有多种,如下:
dataType
类型:String
预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
•"xml": 返回 XML 文档,可用 jQuery 处理。
•"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
•"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
•"json": 返回 JSON 数据 。
•"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
•"text": 返回纯文本字符串
jQuery.post(url, [data], [callback], [type])
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
$.post("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
jQuery.get(url, [data], [callback], [type])
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
$("#ajax_div").html(decodeURI(data));
//如果是json格式
data=eval('('+data+')');
});
$.post("test?name="+userName,null,back);
}
function back(result){
var result=$("#result");
result.html(result);
}
get也类似
}
function back(result){
var result=$("#result");
result.html(result);
}
get也类似
查查文档 很简单的
$("#ajax_div").html(decodeURI(data));
//如果是json格式
data=eval('('+data+')');
});