Ajax的基本使用以及参数传递过程中乱码的处理

╰半夏微凉° 2022-08-27 04:48 139阅读 0赞

网页上面随处可见ajax,说简单点就是局部刷新，浏览器不会有跳跃的感觉。有时还会对表单做验证如“检验用户名是否存在”，还有用途比较广泛的文件上传等。在此基础上传递参数也是比不可少的。传递参数可以使地址栏重写也可以使用send传递，使用地址栏重写很有可能出现乱码。下面的博客就针对这个问题做一下讲解。这里的例子就说一个比较简单的，就提供个按钮和一个div,点击按钮就在div里显示图片。

1.用来显示按钮和div的jsp

2.编写ajax获取另一个页面的图片，这里首先要判断浏览器使用下面的代码就OK了

var xmlHttpRequest;
    	function createXMLHttpRequest() {
    
    		//判断浏览器类型
    		if (window.XMLHttpRequest) {
    			xmlHttpRequest = new XMLHttpRequest(); //火狐
    		} else {
    			xmlHttpRequest = new ActiveXObject(Microsoft.XMLHTTP); //IE
    		}
    	}

接下来就是提交请求以及函数的回调了

3.含有图片的jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%  
        String filename=request.getParameter("filename");  
        String type=request.getParameter("type");  
        System.out.println(filename+","+type);  
          
      %>  
      <img src="pwb.jpg" alt='<%=filename%>' /> 
    </body>
    </html>

运行效果如下：

![20140508205236296][]

![20140508205327234][]

[20140508205236296]: /images/20220824/4a29c764b1bd4655a1265b90b19eccf9.png
[20140508205327234]: /images/20220824/5700bd9ef40a47f782c1567e507d4fae.png