ajax中 form post提交的解决方案

litxuf

浏览: 122456 次
性别:
来自: 北京

最近访客更多访客>>

3king

ssgemail

roin_lym

feiyLin

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

ajax

Ajax prototype JSP JavaScript HTML

在处理Ajax 的form提交时总是要从表单中一个一个的取值很是麻烦今天发现 phototype 1.5.1.2有了一个很好的解决方案现在把代码粘贴如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Prototype examples</title>
  <script type="text/javascript" src="prototype-1.5.1.2.js">
   </script>
  <script>
function postIt()
{
var f=$('formID');

var element = f.serialize();
alert("element=" + element.inspect());
f.request({
method: 'POST',
parameters: 'us=4&ws=5',
onComplete: showResult
})
}

function showResult(request)
{
var obj=request.responseText;
alert(obj);
}
</script>
</head>

<body>
  <div id='systemWorking' style="display: none">
   Loading...
  </div>

  <br />

  <form id="formID" method="POST" action="1.jsp"
   onsubmit="return false">
   <fieldset>
    <legend>
     User info
    </legend>
    <div>
     <label for="username">
      Username:
     </label>
     <input type="text" name="username" id="username" value="" />
    </div>
    <div>
     <label for="age">
      Age:
     </label>
     <input type="text" name="age" id="age" value="" size="3" />
    </div>

    <div>
     <label for="hobbies">
      Your hobbies are:
     </label>
     <select name="hobbies" id="hobbies" multiple="multiple">
      <option>
       coding
      </option>
      <option>
       swimming
      </option>
      <option>
       hiking
      </option>
      <option>
       drawing
      </option>
     </select>
    </div>
    <div class="buttonrow">
     <input type="submit" onclick="postIt()" value="serialize!" />
    </div>
   </fieldset>
  </form>

var myGlobalHandlers = {

onCreate: function(){

Element.show('systemWorking');

onComplete: function() {

if(Ajax.activeRequestCount == 0){

Element.hide('systemWorking');

}

};

Ajax.Responders.register(myGlobalHandlers);
</script>
</body>
</html>

1.jsp
---------------------
<%@ page language="java" contentType="text/html;charset=UTF-8" %><%
String s=request.getParameter("us");
String s2=request.getParameter("age");
out.print(s+" "+s2);
%>

注意事情：

1.phototype 要在1.5.0以上才可以测试通过

2.Ajax.Responders.register(myGlobalHandlers); 这个东东是在调用Ajax的时候显示一个调用的提示具体可以测试看其效果

分享到：

Java正则表达式详解 | EL判断字符串的长度和得到固定的长度

2009-01-19 11:33
浏览 1700
评论(0)
论坛回复 / 浏览 (0 / 2962)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论