解决Ajax乱码.

最新推荐文章于 2025-08-21 21:29:08 发布

原创最新推荐文章于 2025-08-21 21:29:08 发布 · 111 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #java #浏览器 #ViewUI

ajax 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的AJAX示例，展示了如何通过JavaScript实现前端与后端的数据交互。前端部分使用了XMLHttpRequest对象发送POST请求，并通过两次encodeURI进行参数编码；后端则接收并解码该参数，返回文本响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.前台代码

<script type="text/javascript">
var xmlHttp;
function getCN()
{
 var author = document.forms[0].u367766562624002.value;
 author=encodeURI(author); 
 author=encodeURI(author); //注意：传送的值，2次转码。
 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("您的浏览器不支持AJAX！");
         return false;
         }
      }
    }
	
    xmlHttp.onreadystatechange=callback;	
	var url = "xzShow.do?show=getcn&uname="+author;
    xmlHttp.open("POST",url,true);
    xmlHttp.send(null);	
 }

 //回调
 function callback(){
	if(xmlHttp.readyState==4){
	   if(xmlHttp.status==200){
		  var result=xmlHttp.responseText;
		  document.forms[0].u367763762460602.value=result;
	   }
	}
   
 }

</script>

2.后台代码

	public ActionForward execute(ActionMapping mapping, ActionForm actionform,
			HttpServletRequest request, HttpServletResponse response,
			SessionUser sessionuser) throws Exception {
		//wjb 2011-12-29 下午10:12:42
		 response.setContentType("text/html");
		 response.setCharacterEncoding("GBK");
		 PrintWriter out = response.getWriter();
		 String uname=StringUtils.trim(request.getParameter("uname"));		
		 uname=URLDecoder.decode(uname,"utf8");//注意：解码
		 System.out.println("-----"+uname);
		 if(!uname.equals("")){
			out.print("你好"); 
		 }
		 out.flush();
		 out.close();
		return null;
	}