from 表单提交返回值用post或者是get方法实现_javascript技巧
程序员文章站
2022-04-01 12:05:24
...
可以用jquery的post或者是get方法去实现($.post(url, params, callback ) $.get(url, params, callback) )
返回值:XMLHttpRequest
参数:
•url (String): 装入页面的URL地址。
•params (Map): (可选)发送到服务端的键/值对参数。
•callback (Function): (可选) 当远程页面装入完成时执行的函数.
我们在做表单提交的时候 一般都会要求提交操作完成后弹出操作成功/失败的提示框。 这时候就要用到callback这个回调函数了。
事例:
页面 提交表单
function onSubmita()
{
var args = {
"resolution.cif":$("input[name='resolution.cif']").val(),
"resolution.fourCif":$("input[name='resolution.fourCif']").val(),
"resolution.HeightP":$("input[name='resolution.HeightP']").val(),
"resolution.widthP":$("input[name='resolution.widthP']").val(),
"resolution.vga":$("input[name='resolution.vga']").val()
};
if (confirm("你确认要提交对码流设置进行的修改吗 ?")) {
$.post("old/ResolutionAction-resolution.action?type=set",args, function(data) {
alert(data);
});
}
}
服务端
执行action 并传回返回值
// 。。。。。 action 方法
getResponse().setContentType("text/html;charset=UTF-8");
getResponse().getWriter().print(“执行成功!”);
返回值:XMLHttpRequest
参数:
•url (String): 装入页面的URL地址。
•params (Map): (可选)发送到服务端的键/值对参数。
•callback (Function): (可选) 当远程页面装入完成时执行的函数.
我们在做表单提交的时候 一般都会要求提交操作完成后弹出操作成功/失败的提示框。 这时候就要用到callback这个回调函数了。
事例:
页面 提交表单
复制代码 代码如下:
function onSubmita()
{
var args = {
"resolution.cif":$("input[name='resolution.cif']").val(),
"resolution.fourCif":$("input[name='resolution.fourCif']").val(),
"resolution.HeightP":$("input[name='resolution.HeightP']").val(),
"resolution.widthP":$("input[name='resolution.widthP']").val(),
"resolution.vga":$("input[name='resolution.vga']").val()
};
if (confirm("你确认要提交对码流设置进行的修改吗 ?")) {
$.post("old/ResolutionAction-resolution.action?type=set",args, function(data) {
alert(data);
});
}
}
服务端
执行action 并传回返回值
复制代码 代码如下:
// 。。。。。 action 方法
getResponse().setContentType("text/html;charset=UTF-8");
getResponse().getWriter().print(“执行成功!”);