您的位置:首页 > Web前端 > JavaScript

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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: