JSP表单提交和ajax提交表单数据是不同的,冲突的,不能同时进行
2014-03-24 15:32
441 查看
表单提交以后一般按照在struts的配置文件中配置的路径进行jsp的跳转,其中根据action中的返回值设定跳转
若想在同一个页面进行数据的提交和数据的显示,则应该选用ajax提交数据,获取所需数据,
这种情况一般是用jquery获取表单中的值放在ajax的data中,然后表单的提交按钮触发这个ajax事件获取到相应的数据
用ajax获取表单元素的值一般采用以下方式:(jquery获取表单各元素值的方式)
/*获得TEXT.AREATEXT的值*/
var textval =$("#text_id").attr("value");//或者
var textval =$("#text_id").val();
/*获取单选按钮的值*/
var valradio =$("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined)//判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<optionvalue='test'>test</option><optionvalue='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
select
var firstno=branch1.options[branch1.options.selectedIndex].value;
var firstno=$("#branch1").val();
var firstname=$("#branch1").text();
radio
var obj =document.getElementsByName("time");
for(var i=0;i<obj.length; i ++){
if(obj[i].checked){
time=obj[i].value
}
}
input text
var day =$("#day").val();
若想在同一个页面进行数据的提交和数据的显示,则应该选用ajax提交数据,获取所需数据,
这种情况一般是用jquery获取表单中的值放在ajax的data中,然后表单的提交按钮触发这个ajax事件获取到相应的数据
用ajax获取表单元素的值一般采用以下方式:(jquery获取表单各元素值的方式)
/*获得TEXT.AREATEXT的值*/
var textval =$("#text_id").attr("value");//或者
var textval =$("#text_id").val();
/*获取单选按钮的值*/
var valradio =$("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined)//判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<optionvalue='test'>test</option><optionvalue='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
select
var firstno=branch1.options[branch1.options.selectedIndex].value;
var firstno=$("#branch1").val();
var firstname=$("#branch1").text();
radio
var obj =document.getElementsByName("time");
for(var i=0;i<obj.length; i ++){
if(obj[i].checked){
time=obj[i].value
}
}
input text
var day =$("#day").val();
相关文章推荐
- jsp页面的ajax和form表单提交后接收数据的区别(SpringMVC控制器返回Map对象)
- js封装from表单数据为json串进行ajax提交
- form表单提交数据 同时提交图片 jsp+contrller
- js封装from表单数据为json串进行ajax提交
- jQuery不能同时提交两个表单到不同页面
- JSP中在提交表单之前,发送ajax请求进行js的验证
- 如果一个button被用于触发ajax,那就不能再用它进行form表单提交了
- js封装from表单数据为json串进行ajax提交
- js封装from表单数据为json串进行ajax提交
- ajax提交表单数据,并根据返回的数据进行相关处理的代码
- 利用jquery进行ajax提交表单和附带的数据
- 使用JSP代码和使用JavaScript代码进行表单数据验证有什么不同?
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- form表单ajax异步提交数据和文件整理
- 用ajax提交表单数据时的小细节
- Ajax异步提交表单数据的说明及方法实例
- 在jsp中处理表单提交的数据
- 利用ajax提交表单,实现数据前端后台数据交互的完整流程演示
- JSP中使用AJAX示例:分别将结果提交为STRUTS,SERVLET,WEBWORK的不同操作方式
- 当button按钮放入form表单进行ajax提交遇到的诡异问题