ajax struts 实例

最新推荐文章于 2021-08-06 09:08:32 发布

最新推荐文章于 2021-08-06 09:08:32 发布 · 169 阅读

文章标签：

#Ajax #Struts #Safari #Cache #Firefox

ajax 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的Ajax应用实例，通过JavaScript实现网页元素的实时更新，无需刷新整个页面即可从服务器获取并显示时间数据。该示例利用了XMLHttpRequest对象发送POST请求到指定路径，并接收服务器响应。

[b][color=red] 1、　　　ajax-01.html[/color][/b]

<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
   {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4 && xmlHttp.status == 200)
      {
      alert(xmlHttp.responseText)
     // document.write(xmlHttp.responseText);
      document.myForm.time.value=xmlHttp.responseText;

      }
    }

      xmlHttp.open('POST', '/myProject/test01.do?method=ajax', true); 
//其中　test01是在struts的配置文件的action 的path属性中设置的
  xmlHttp.send(null);
  }
</script>

<form name="myForm">
Name: <input type="text"
onkeyup="ajaxFunction();" name="username" />　
Time: <input type="text" name="time" />
</form>
</body>
</html>

[b][color=red]2、　　action TestAction .java[/color][/b]

public class TestAction extends DispatchAction {	
	public ActionForward ajax(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		for(int i=0;i<5;i++){
			System.out.println("99999999999999999999999999");
		}

		response.setHeader("Cache-Control", "no-cache");//不缓冲
		response.setHeader("Pragma", "no-cache");//不缓冲
response.setCharacterEncoding("GBK");//汉字编码
		PrintWriter out =null;
		try {
			out = response.getWriter();
		} catch (IOException e) {
			e.printStackTrace();
		}
		out.print("ajax test ");
		return null;
	}
}