我需要一个ajax应用,功能如下:
当我点击next按钮能选择list的下一个option选项,并提交servlet更新html表单的部分内容,以供操作...
js:
<script type="text/javascript">
function getResult(){
var url= check; //servlet
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
}
else if(window.ActiveXObject){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("POST",url,true);
req.onreadystatechange = complete;
req.send(null);
}
}
function complete(){
if(req.readyState==4){
if(req.status==200){
//要实现的功能
}
}
}
</script>jsp页面:<body>
<form action="check" name="rvwform" method="post">
<table width="559" datapagesize="40">
<tr>
<td>检测属性:</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><select name="select" style="width:50%;">
<%
String[] list =(String[]) session.getAttribute("list");
String[] enlist = (String[]) session.getAttribute("enlist");
for(int i=0;i<list.length;i++){
String s = list[i];
String es = enlist[i];
%>
<option value=<%=es%>><%=s%></option>
<%} %>
</select></td><td><input name="next" type="button" value="next" /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>标签:</td>
</tr>
<%
String tagregex =(String) session.getAttribute("tagregex");
if(tagregex==null) tagregex = "";
%>
<tr>
<td><input type="text" name="tag" size="65" value=<%=tagregex%> /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>内容:</td>
</tr>
<%
String value =(String) session.getAttribute("value");
if(value==null) value = "";
%>
<tr>
<td><textarea name="value" cols="60" rows="5" ><%=value%></textarea></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="problem" value ="1" >
need to update
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><input name="g" type="submit" value="确认"/></td>
</tr>
</table>
</form>
</body>
</html>
当我点击next按钮能选择list的下一个option选项,并提交servlet更新html表单的部分内容,以供操作...
js:
<script type="text/javascript">
function getResult(){
var url= check; //servlet
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
}
else if(window.ActiveXObject){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("POST",url,true);
req.onreadystatechange = complete;
req.send(null);
}
}
function complete(){
if(req.readyState==4){
if(req.status==200){
//要实现的功能
}
}
}
</script>jsp页面:<body>
<form action="check" name="rvwform" method="post">
<table width="559" datapagesize="40">
<tr>
<td>检测属性:</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><select name="select" style="width:50%;">
<%
String[] list =(String[]) session.getAttribute("list");
String[] enlist = (String[]) session.getAttribute("enlist");
for(int i=0;i<list.length;i++){
String s = list[i];
String es = enlist[i];
%>
<option value=<%=es%>><%=s%></option>
<%} %>
</select></td><td><input name="next" type="button" value="next" /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>标签:</td>
</tr>
<%
String tagregex =(String) session.getAttribute("tagregex");
if(tagregex==null) tagregex = "";
%>
<tr>
<td><input type="text" name="tag" size="65" value=<%=tagregex%> /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>内容:</td>
</tr>
<%
String value =(String) session.getAttribute("value");
if(value==null) value = "";
%>
<tr>
<td><textarea name="value" cols="60" rows="5" ><%=value%></textarea></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" name="problem" value ="1" >
need to update
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><input name="g" type="submit" value="确认"/></td>
</tr>
</table>
</form>
</body>
</html>
解决方案 »
- 花生壳+tomcat6如何配置????
- 谁给个静态分页的思路??谁给个静态分页的思路??
- 谁给我个FTP上传的例子 马上送分
- myEclipse启动目标,举手之劳
- byte[] 和String 转化的奇怪问题!!!help!!!!!!!!
- 有一个函数在java中可以被调用,但是在jsp中报错NoSuchMethodError
- 如何将JSP页面输入的数据转换为浮点数格式后转换为String型?
- 请大家贴一些java电子书的网站供广大缺少money的学习者参考,最好有oreilly全集的!
- 很初级问题!怎样把jsp页面中的mysql登陆情况封装到javabean里面?
- 有哪位大虾有象当当购物类似的程序
- jbpm4:assignment-handler中怎么获得当前任务名称?
- JSP 页面中遍历MAP
$(function(){
$("select[name='select']").change(function(){
$("form").ajaxSubmit(function(data){
// 提交后返回执行
});
});
});