servlet,yui简单无刷新提交

xvm03

浏览: 144330 次
来自: ...

最近访客更多访客>>

u014494719

wodetian212

ykk0612

sunshine19861

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web开发

Servlet YUI JSP Yahoo JavaScript

JAVA代码：

TestServlet：

protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
  String name=(String)request.getParameter("name");
  System.out.println("name:"+name);
  request.setAttribute("name", "ming");
   PrintWriter out =response.getWriter();
   response.setContentType("text/xml");
    response.setHeader("Cache-Control", "no-cache");
    String ids="hello,China!";
    //将ids返回给客户端
    out.write("ids:"+ids);
    out.write("name:"+name);
    out.flush();

}

web.xml配置：

<servlet>
<servlet-name>TestServlet</servlet-name>
<servlet-class>test.TestServlet</servlet-class>

</servlet>
<servlet-mapping>
<servlet-name>TestServlet</servlet-name>
<url-pattern>/TestServlet</url-pattern>
</servlet-mapping>

<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>

前台页面：index.jsp

<body>
<form action="#" method="post">
name:<input id="name" type="text" name="name"><br>
<input type="button" value="asdf" onclick="makeRequest()">
<div id="divID">
</div>
</form>
</body>
<script src="js/yahoo.js"></script>
<script src="js/event.js"></script>
<script src="js/connection.js"></script>

<script type="text/javascript">
var div = document.getElementById('divID');

var handleSuccess = function(o){
if(o.responseText !== undefined){
  div.innerHTML = "<li>Transaction id: " + o.tId + "</li>";
  div.innerHTML += "<li>HTTP status: " + o.status + "</li>";
  div.innerHTML += "<li>Status code message: " + o.statusText + "</li>";
  div.innerHTML += "<li>HTTP headers: <ul>" + o.getAllResponseHeaders + "</ul></li>";
  div.innerHTML += "<li>Server response: " + o.responseText + "</li>";
  div.innerHTML += "<li>Argument object: Object ( [foo] => " + o.argument.foo +
       " [bar] => " + o.argument.bar +" )</li>";
}
}

var handleFailure = function(o){
if(o.responseText !== undefined){
  div.innerHTML = "<li>Transaction id: " + o.tId + "</li>";
  div.innerHTML += "<li>HTTP status: " + o.status + "</li>";
  div.innerHTML += "<li>Status code message: " + o.statusText + "</li>";
}
}

var callback =
{
success:handleSuccess,
failure: handleFailure,
argument: { foo:"foo", bar:"bar" }
};

function makeRequest(){
var sUrl = "TestServlet?name="+document.getElementById("name").value;
var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
}
</script>

分享到：

oracle本地NET服务名配置tnsnames.ora格式 | YUI入门学习

2009-03-06 15:36
浏览 959
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论