servlet,yui简单无刷新提交

最新推荐文章于 2024-03-17 14:16:39 发布

dandfly

最新推荐文章于 2024-03-17 14:16:39 发布

阅读量91

点赞数

分类专栏： WEB开发文章标签： Servlet YUI JSP Yahoo JavaScript ViewUI

WEB开发专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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" οnclick="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>

dandfly

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
servlet,yui简单无刷新提交

JAVA代码：TestServlet：protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String name=(String)request.getParameter("name"); System.ou...
复制链接

扫一扫