ajax接收后台的text、HTML、xml、json数据，及其文件数据

最新推荐文章于 2024-08-16 14:18:23 发布
最新推荐文章于 2024-08-16 14:18:23 发布
阅读量956 收藏 2
点赞数
分类专栏： ajax 文章标签： ajax text xml html json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KkaiPengZhao/article/details/78398930
版权

一、ajax接收来自后台的text、HTML、xml、json数据 

indexData.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>  

<script type="text/javascript">  
    function getXMLHttpRequest() {  
        var xmlReq;  
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari  
            xmlReq = new XMLHttpRequest();  
        } else {// code for IE6, IE5  
            xmlReq = new ActiveXObject("Microsoft.XMLHTTP");  
        }  
        return xmlReq;  
    }  
      
    
    //返回文本数据测试  
    function ajaxText() {  
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "TextData", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //提交表单必须  
        oReq.send("name=我是文本&pwd=123");  
        oReq.onreadystatechange = function() {  
            if (oReq.readyState == 4 && oReq.status == 200) {                 
                document.getElementById("myDiv").innerHTML = oReq.responseText; //Text文本形式接收  
            }  
        }  
    }  
      
    
    //返回XML文档测试  
    function ajaxXML() {  
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "XmlData", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //提交表单必须  
        oReq.send("name=我是xml&pwd=111");  
        oReq.onreadystatechange = function() {  
            if (oReq.readyState == 4 && oReq.status == 200) {  
                var xmlObj=oReq.responseXML; //xml形式接收, 返回xml的Document对象
                  
                var names=xmlObj.documentElement.getElementsByTagName("name");  //xml的Document对象的documentElement属性可返回文档的根节点<user>
                var name=names[0].firstChild.nodeValue;  
                  
                var pwds=xmlObj.documentElement.getElementsByTagName("pwd");  
                var pwd=pwds[0].firstChild.nodeValue;  
                  
                document.getElementById("myDiv").innerHTML=name+","+pwd;  
            }  
        }  
    }  
    
  
    //返回json文档测试  
    function ajaxJSON() {  
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "JsonData", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //提交表单必须  
        oReq.send("name=我是json&pwd=111");  
        oReq.onreadystatechange = function() {  
            if (oReq.readyState == 4 && oReq.status == 200) {  
                var resObj=oReq.responseText; //json字符串用文本形式接收            
                var jsonObj1=eval('('+resObj+')'); //注释:JSON.parse(字符串) 与  eval('('+字符串+')') 都是将json字符串解析为json对象(反序列化)    
                var name1=jsonObj1.name;           //注释:JSON.stringify(json对象) 是将json对象解析为json字符串(序列化)
                var pwd1=jsonObj1.pwd;                
                document.getElementById("myDiv").innerHTML=name1+","+pwd1;  
            }  
        }  
    }  
    
      
    //返回html  
    function ajaxHTML() {  
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "HtmlData", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //提交表单必须  
        oReq.send("name=我是html&pwd=111");  
        oReq.onreadystatechange = function() {  
            if (oReq.readyState == 4 && oReq.status == 200) {  
                var resObj=oReq.responseText; //html用文本形式接收           
                              
                document.getElementById("myDiv").innerHTML=resObj;  
            }  
        }  
    }  
</script>  

</head>  


<body>  
    
    	<p style="color: red;">ajax接收来自servlet的文本/xml/json/html</p><hr>
	<button οnclick="ajaxText()">请求文本</button>  
	<button οnclick="ajaxXML()">请求XML文档</button>  
	<button οnclick="ajaxJSON()">请求json字符串</button>  
	<button οnclick="ajaxHTML()">请求html</button>  
	<div id="myDiv"></div> 
	 
</body>
  
</html>

TextDataServlet： 

package ServletDataType;

import java.io.IOException;  

import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
 
@WebServlet("/TextData")
public class TextDataServlet extends HttpServlet { 

    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        doPost(request, response);  
    }  
  
      
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        System.out.println("in text");  
        request.setCharacterEncoding("utf-8");  
        String name=request.getParameter("name");  
        String pwd=request.getParameter("pwd");  
        System.out.println("name:"+name+",pwd:"+pwd);         
          
        //返回文本数据  
        response.setContentType("text/plain;charset=utf-8"); 
        ServletOutputStream outputStream = response.getOutputStream();  
        outputStream.write(name.getBytes("utf-8"));  
        outputStream.write(pwd.getBytes("utf-8"));  
        outputStream.flush();  
        outputStream.close();  
    }  
  
}

HtmlDataServlet：
 

package ServletDataType;

import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
 
@WebServlet("/HtmlData")
public class HtmlDataServlet extends HttpServlet {  
  
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        doPost(request, response);  
    }  
  
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        System.out.println("in html");  
        request.setCharacterEncoding("utf-8");  
        String name=request.getParameter("name");  
        String pwd=request.getParameter("pwd");  
        System.out.println("name:"+name+",pwd:"+pwd);  
  
          
        //返回html文档  
        response.setContentType("text/html;charset=utf-8");  
        response.setHeader("Cache-control", "no-cache");  
        ServletOutputStream outputStream = response.getOutputStream();  
        String res="<font size='2' color='blue'>"+name+pwd+"</font>"; 
        System.out.println(res);
        outputStream.write(res.getBytes("utf-8"));  
        outputStream.flush();  
        outputStream.close();             
    }  
  
}

XmlDataServlet：
 

package ServletDataType;

import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  

@WebServlet("/XmlData")
public class XmlDataServlet extends HttpServlet {  
	
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        doPost(request, response);  
    }  
  
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        System.out.println("in xml");  
        request.setCharacterEncoding("utf-8");  
        String name=request.getParameter("name");  
        String pwd=request.getParameter("pwd");  
        System.out.println("name:"+name+",pwd:"+pwd);  
  
          
        //返回xml文档  
        response.setContentType("text/xml;charset=utf-8");  
        response.setHeader("Cache-control", "no-cache");  
        ServletOutputStream outputStream = response.getOutputStream();  
        StringBuffer sb=new StringBuffer();  
        sb.append("<?xml version='1.0' encoding='utf-8'?>");  
        sb.append("<user><name>"+name+"</name><pwd>"+pwd+"</pwd></user>");  
        System.out.println(sb);
        outputStream.write(sb.toString().getBytes("utf-8"));  
        outputStream.flush();  
        outputStream.close();             
    }  
  
}

JsonDataServlet：
 

package ServletDataType;

import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
  
@WebServlet("/JsonData")
public class JsonDataServlet extends HttpServlet {  
  
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        doPost(request, response);  
    }  
  
      
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        System.out.println("in json");  
        request.setCharacterEncoding("utf-8");  
        String name=request.getParameter("name");  
        String pwd=request.getParameter("pwd");  
        System.out.println("{'name':"+name+",'pwd':"+pwd+"}");        
          
        //返回json字符串数据  
        response.setContentType("application/json;charset=utf-8");  
        ServletOutputStream outputStream = response.getOutputStream();  
        String res="{'name':'"+name+"','pwd':'"+pwd+"'}"; //json字符串要写成"{'name':'tom'}"的形式，里面的key和value也要加''写成字符串的形式  
        System.out.println(res);
        outputStream.write(res.getBytes("utf-8"));    
        outputStream.flush();  
        outputStream.close();  
    }  
  
}


二、ajax接收来自后台的text、HTML、xml、json文件数据

导入的jar包：



indexFile.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>  

<script type="text/javascript" >  
    function getXMLHttpRequest() {  
        var xmlReq;  
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari  
            xmlReq = new XMLHttpRequest();  
        } else {// code for IE6, IE5  
            xmlReq = new ActiveXObject("Microsoft.XMLHTTP");  
        }  
        return xmlReq;  
    }  
      
    
    //返回文本数据测试 ------------------------------------------------------------------------
    function ajaxText() {  
    	
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "TextFile", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
        oReq.send(null);
        
        oReq.onreadystatechange = function() { 
        	
            if (oReq.readyState == 4 && oReq.status == 200) {                 
                document.getElementById("myDiv").innerHTML = oReq.responseText;  
            }  
        }  
    }  
      
    
    //返回XML文档测试  ---------------------------------------------------------------------
    function ajaxXML() {  
    	
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "XmlFile", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
        oReq.send(null);
        
        oReq.onreadystatechange = function() { 
        	
            if (oReq.readyState == 4 && oReq.status == 200) {
            	
                var xmlObj = oReq.responseXML;  //返回xml的Document对象              
                /* document.getElementById("myDiv").innerHTML += xmlObj.firstChild.nodeName+"--"+xmlObj.firstChild.textContent+"<br>"; *///文档注释
                                                              
                var root = xmlObj.documentElement; //返回文档对象的根节点<books>
                document.getElementById("myDiv").innerHTML += root.nodeName+"<br>"; //等价于tagName属性
                document.getElementById("myDiv").innerHTML += root.lastChild.nodeName+" "+root.lastChild.textContent+"<br>";   //user 
	
                var bookList = root.childNodes;             
                for(var i=0; i<bookList.length; i++){
                	var book = bookList[i];
                	var attr = book.getAttributeNode("show");
                	document.getElementById("myDiv").innerHTML += book.nodeName+" "+attr.name+"="+attr.value+"<br>";
                	
                	var childList = book.childNodes;
                	for(var j=0; j<childList.length; j++){
                		var child = childList[j];
                		document.getElementById("myDiv").innerHTML += child.nodeName+" "+child.textContent+"<br>";
                	}
                	
                }
               
            }  
        }  
    }  
    
  
    //返回json文档测试 ------------------------------------------------------------------------- 
    function ajaxJSON() {  

        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "JsonFile", true);
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        oReq.send(null);  

        oReq.onreadystatechange = function() {  
        	
            if (oReq.readyState == 4 && oReq.status == 200) { 
 
                var resObj=oReq.responseText;         
                var jsonObj=JSON.parse(resObj); //注释:JSON.parse(字符串) 与  eval('('+字符串+')') 都是将json字符串解析为json对象(反序列化)    
                                                //注释:JSON.stringify(json对象) 是将json对象解析为json字符串(序列化)
               
                for(i in jsonObj){ 
                	
                	document.getElementById("myDiv").innerHTML += i+"<br>";  
                	if(i == "user"){
                		alert(jsonObj.user.name);
                		var user = jsonObj.user;
                		for(j in user){
                        		document.getElementById("myDiv").innerHTML += j+":"+user[j]+"<br>"; //j是user的属性, user[j]是user的属性值 。
                       	 	}
                	}
                	
                	if(i == "array"){
                		alert(jsonObj.array[1]);
                		var arrayObj = jsonObj.array;
                		for(j in arrayObj){
                        		document.getElementById("myDiv").innerHTML += j+"<br>";  
                        	}
                	}
                	
                	if(i == "arraylist"){
                		alert(jsonObj.arraylist[1].name1);
                		var arraylistObj = jsonObj.arraylist; 
                		for(j in arraylistObj){ //arraylistObj是数组, 包含多个对象元素 。
                			var obj = arraylistObj[j];   
                        		for(k in obj){ //obj对象元素, 含有多个属性 。
                        			document.getElementById("myDiv").innerHTML += k+":"+obj[k]+"<br>"; 
                        		}
                        	}
                	}
    	
                }                                            
                
            }  
        }  
    }  
    
      
    //返回html --------------------------------------------------------------------------------- 
    function ajaxHTML() {  
    	
        var oReq = getXMLHttpRequest();  
        oReq.open("POST", "HtmlFile", true);  
        oReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
        oReq.send(null);  
        
        oReq.onreadystatechange = function() {  
        	
            if (oReq.readyState == 4 && oReq.status == 200) {  
                var resObj=oReq.responseText;  
                              
                document.getElementById("myDiv").innerHTML=resObj;  
            }  
        }  
    }  
</script>  
</head>  


<body>  
  	
  	<p style="color: blue;">ajax接收来自servlet的文本/xml/json/html文件数据</p><hr>
	<button οnclick="ajaxText()">ajax请求文本</button>  
	<button οnclick="ajaxXML()">ajax请求XML</button>  
	<button οnclick="ajaxJSON()">ajax请求json</button>  
	<button οnclick="ajaxHTML()">ajax请求html</button>  
	<div id="myDiv"></div> 
	 
</body>
  
</html>


E:/MyEclipse/AjaxAcceptServletData/book.txt：

  静夜思
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。

TextFileServlet：

package ServletFileType;

import java.io.BufferedReader;
import java.io.FileNotFoundException;
import java.io.FileReader;
import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
 
@WebServlet("/TextFile")
public class TextFileServlet extends HttpServlet { 

    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
       doPost(request, response);  
    }  
  
      
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        
    	response.setCharacterEncoding("utf-8");
        request.setCharacterEncoding("utf-8");  
        response.setContentType("text/plain;charset=utf-8");
        
        //从文件读取
        BufferedReader reader = null;
        String s = "";
        String str = "";
        
        try{
            reader = new BufferedReader(new FileReader("E:/MyEclipse/AjaxAcceptServletData/book.txt"));             
            while((s=reader.readLine()) != null){ //每调用一次readLine(), 就读取一行数据(有数据的话)。
            	str += s; 		
            }
            System.out.println(str);
        }catch(FileNotFoundException e){
        	e.printStackTrace();
        }finally {
        	reader.close();
        }
        
        //发送数据  
        ServletOutputStream outputStream = response.getOutputStream();
        outputStream.write(str.getBytes());
        outputStream.flush();  
        outputStream.close();
        
    }  
  
}



E:/MyEclipse/AjaxAcceptServletData/message.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>HTML Demo</title>
	</head>

	<body>
		<form action="表单验证.html" method="post" id="f">
			<input class="i" type="text" name="name" value="赵凯鹏">
			<input class="i" type="password" name="pass" value="123456">
			<input class="i" type="submit" value="注册">
		</form>
		<div>
			<img src="https://www.baidu.com/img/bd_logo1.png" width="100px" height="50px">
			<a href="https://www.baidu.com/" target="_blank">百度</a>
		</div>
		<table border="2" width="400px" cellpadding="10" cellspacing="0" bgcolor="aqua">
			<tbody>
				<tr>
					<td colspan="3" align="center">星期一菜谱</td>
				</tr>
				<tr>
					<td rowspan="2" align="center">荤菜</td>
					<td id="y" align="center">鱼香肉丝</td>
					<td id="c" align="center">油焖大虾</td>
				</tr>
				<tr>
					<td align="center">海参鲍鱼</td>
					<td align="center">龙肝凤胆</td>
				</tr>
			</tbody>
		</table>
	</body>

</html>


HtmlFileServlet：
 

package ServletFileType;

import java.io.File;
import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
 
@WebServlet("/HtmlFile")
public class HtmlFileServlet extends HttpServlet {  
  
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
       doPost(request, response);  
    }  
  
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
          
        request.setCharacterEncoding("utf-8"); 
        response.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");  
        response.setHeader("Cache-control", "no-cache");

        //读文件
        File input = new File("E:/MyEclipse/AjaxAcceptServletData/message.html");
        Document doc = null;
	try {
		doc = Jsoup.parse(input, "UTF-8", "http://example.com/");  
	} catch (IOException e) {
		e.printStackTrace();
	} 
          
        //发送  
        ServletOutputStream outputStream = response.getOutputStream();  
        outputStream.write(doc.toString().getBytes("utf-8"));  
        System.out.println(doc.toString());
        outputStream.flush();  
        outputStream.close();
        
    }  
  
}



E:/MyEclipse/AjaxAcceptServletData/book.xml：

<?xml version="1.0" encoding="UTF-8"?>
<!--文档注释 -->
<books>
<book show="yes">
<!--元素注释 -->
<name>西游记</name>
<price>66</price>
</book>
<book show="yes">
<name>红楼梦</name>
<price>88</price>
</book>
<book show="no">
<name>三国志</name>
<price>99</price>
</book>
<user>赵凯鹏</user>
</books>

XmlFileServlet：

package ServletFileType;

import java.io.File;
import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.dom4j.Document;
import org.dom4j.DocumentException;
import org.dom4j.io.SAXReader;

@WebServlet("/XmlFile")
public class XmlFileServlet extends HttpServlet {  
	
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
      doPost(request, response);  
    }  

	
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  

        request.setCharacterEncoding("utf-8");  
        response.setContentType("text/xml;charset=utf-8");
        response.setHeader("Cache-control", "no-cache");  
        
    	//读取XML文件,获得document对象
	SAXReader reader = new SAXReader();  
	String xmlString = null;
		
	try {
	    	reader.setEncoding("utf-8");
		Document document = reader.read(new File("E:/MyEclipse/AjaxAcceptServletData/book.xml"));
		xmlString = document.asXML();  //document ==> String 
	} catch (DocumentException e) {
		e.printStackTrace();
	}  
          
        ServletOutputStream outputStream = response.getOutputStream();  
        StringBuffer sb=new StringBuffer();  
        sb.append(xmlString);   
        System.out.println(sb);
        outputStream.write(sb.toString().getBytes("utf-8"));  
        outputStream.flush();  
        outputStream.close();             
    }  
  
}



E:/MyEclipse/AjaxAcceptServletData/book.json：

{
    "user":{
        "name":"赵凯鹏",
        "age":23,
        "birth":"1991-10-28 00:00:00",
        "address":"北京"
    },
    "array":[
        10,
        20,
        30
    ],
    "arraylist":[
        {
            "name0":"赵0",
            "age0":10,
            "addr0":"科技0路"
        },
        {
            "name1":"赵1",
            "age1":11,
            "addr1":"科技1路"
        },
        {
            "name2":"赵2",
            "age2":12,
            "addr2":"科技2路"
        }
    ]
}


JosnFileServlet：
 

package ServletFileType;

import java.io.FileNotFoundException;
import java.io.FileReader;
import java.io.IOException;  
import javax.servlet.ServletException;  
import javax.servlet.ServletOutputStream;  
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import com.alibaba.fastjson.JSONReader;

@WebServlet("/JsonFile")
public class JosnFileServlet extends HttpServlet {  
	
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        doPost(request, response);  
    }  

	
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        
        request.setCharacterEncoding("utf-8");  
        response.setContentType("text/html;charset=utf-8");
        response.setHeader("Cache-control", "no-cache");  
        
    	//读取json文件的json字符串    
        JSONReader reader = null;
	try {
		reader = new JSONReader(new FileReader("E:/MyEclipse/AjaxAcceptServletData/book.json"));
	} catch (FileNotFoundException e) {
		e.printStackTrace();
	}
		
	StringBuffer sb=new StringBuffer();
	sb.append("{");
	reader.startObject();
		
	while(reader.hasNext()){
		String name = reader.readString();
		String value = reader.readObject().toString();
		sb.append("\""+name+"\":"+value+","); //最后一个,是多余的
	}
		
	reader.endObject();
	reader.close();
	sb.deleteCharAt(sb.length()-1); //删除最后一个,
	sb.append("}");
		
	//发送到ajax
        ServletOutputStream outputStream = response.getOutputStream();       
        System.out.println(sb);
        outputStream.write(sb.toString().getBytes("utf-8"));  
         /*
         {"user":{"address":"北京","name":"赵凯鹏","birth":"1991-10-28 00:00:00","age":23},
         "array":[10,20,30],
         "arraylist":[{"addr0":"科技0路","age0":10,"name0":"赵0"},{"addr1":"科技1路","name1":"赵1","age1":11},{"addr2":"科技2路","name2":"赵2","age2":12}]}
         */

        outputStream.flush();  
        outputStream.close(); 
        
    }  
  
}


参考：zzz

KaiPengZhao
关注
专栏目录
ajax接收json数据不全,Ajax实现接收JSON数据的方法
weixin_28749997的博客
08-05 866
Ajax实现接收JSON数据的方法发布时间：2020-06-24 14:54:04来源：亿速云阅读：127作者：元一这篇文章将为大家详细讲解有关Ajax实现接收JSON数据的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。JSON：(JavaScriptObject Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于ECMAScrip...
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
10-23
本文将介绍如何利用jQuery的AJAX方法从后台获取JSON格式数据，并将这些数据填充到HTML页面的下拉列表中。 首先，AJAX（Asynchronous JavaScript and XML）技术允许网页异步地从服务器请求数据，而不需要刷新整个...
ajax+php--接收处理xml和text格式数据
06-11
ajax+php--接收处理xml和text格式数据例子学习
AJAX第一步：AJAX接收返回类型为text/html的字符串数据
热门推荐
zxc_helloworld的博客
09-05 1万+
在一个javaweb项目中，可能会用到网页的局部刷新，下面我将自己总结的使用ajax进行网页刷新的知识点记录下来。请求方式有get和post方式两种，下面我分别进行了示范。 jsp页面代码：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 简易ajax 返回
Java实现文件下载：普通下载与AJAX流式接收的区别与示例
最新发布
weixin_44917334的博客
08-16 298
在现代Web应用中，文件下载是常见的功能之一。本文将深入探讨Java后端实现文件下载的两种方式：普通下载和AJAX流式接收，并详细对比它们的实现机制、用户体验、服务器需求以及适用场景。通过代码示例，展示如何使用Spring Boot框架分别实现这两种下载方式，并给出前端JavaScript代码以便结合实现流式文件下载。
AJAX获取服务器文件
y__jinhao的博客
06-02 1549
index.html<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/javascript"> var xmlHttp=null; function readyStateChangeHandle() { if(xmlHttp.readyState==4) {
AJAX_POST_TEXT
pavel0的专栏
03-06 147
var xmlhttp = null;   //得到节点值 var domname = document.getElementById("domname").value; //判断游览器的httpRequest对象 if(window.XMLHttpRequest){   xmlhttp = new XMLHttpRequest();    // 针对mozillar游览器的bug    if(...
Ajax接收Java服务端发送的text数据（用户名检查）
phenomenonsTell的博客
09-14 1154
这几天写代码的时候遇到了不少问题，比如在ajax发送请求之后服务端发回的数据要和js中定义的字符串进行比较但是明明写的一样却总是比较出错先放js中的代码function check_name() { var str = $('#code').val(); var msg = $('#msg_n'); if(!/\w{3,12}/.test(str)) { ms
ajax接收后台数据在html页面显示
08-31
本篇文章将深入探讨如何使用Ajax接收后台数据并在HTML页面上进行显示。 首先，让我们从Java后端开始。在Java中，我们通常使用Servlet来处理HTTP请求。在给定的Java代码中，我们看到`PrintWriter`被用来向客户端发送...
jQuery Ajax请求后台数据并在前台接收
10-20
本篇文章将详细探讨如何使用jQuery的Ajax方法请求后台数据，并在前端接收这些数据。 首先，我们需要了解jQuery Ajax方法的基本概念。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下...
解决SpringMvc后台接收json数据中文乱码问题的几种方法
10-18
本文将深入探讨两种解决SpringMvc后台接收JSON数据中文乱码问题的方法。 1. **使用Ajax传输数据** 当前端通过Ajax使用JSON格式向SpringMvc后台发送数据时，可能出现中文乱码。这通常是因为服务器默认的字符编码不...
AJAX_GET_TEXT
Constant from time complexity and space complexity of perfect oneself
06-21 183
varxmlhttp = null;//得到节点值var domname = document.getElementById("domname").value;//判断游览器的httpRequest对象if(window.XMLHttpRequest){  xmlhttp = new XMLHttpRequest();   // 针对mozillar游览器的bug  
ajax接收excel文件流
xl_21的博客
03-24 3879
前端代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> //前端 js jQuery ajax实现文
Jersey后端服务接收ajax前端的图片上传
weixin_33862993的博客
07-18 255
近期的项目里需要在前端上传图片后端接收处理。前端JSP页面使用Ajax上传图片后端使用Jersey框架提供restful接口接收处理图片。一、前端的处理jsp页面中图片上传没有使用form表单而是直接使用file类型的input控件<inputtype="file"name="file"class="inpTxtA"value=""id="appLogo"/&...
用ajax接受xml文件,将XML内容作为XML文件接收时，使用Ajax和Javascript加载XML数据
weixin_29542759的博客
08-06 261
我试图通过首先获取xml文件的内容并将其存储在XML DOM中来显示xml文件中的数据。一旦DOM对象被创建，它就会被解析。我使用了一个for循环，以便从父节点的每个子节点获取数据，但不知何故只显示了第二个节点的数据。将XML内容作为XML文件接收时，使用Ajax和Javascript加载XML数据这是误差的代码：xmlhttp.open("GET","company.xml", false); ...
ajax接收本地json数据,jQuery ajax读取本地json文件的实例
weixin_32443035的博客
08-05 809
json文件{"first":[{"name":"张三","sex":"男"},{"name":"李四","sex":"男"},{"name":"王武","sex":"男"},{"name":"李梅","sex":"女"}]}js：方法一：$.ajax({url: "ceshi.json",//json文件位置type: "GET",//请求方式为getdataType: "json", //返回...
ajax接收text文本框的值,如何使用Ajax或Jquery填充文本框中的值？
weixin_33473486的博客
08-05 322
Example- Consider three textboxes. In the first one, im providing ID or number ( primary key in my table). Using the ID, the semester and branch should be auto filled using the ID. ( All the three fie...
AJAX接收文件流实现下载的两种方式
weixin_42083614的博客
10-28 9130
AJAX接收文件流实现下载的两种方式 第一种： $("#download").click(function() { var ticketNumber=$("#ticketNumber").val(); var url = '/agent/risk/order/download?ticketNumber='+ticketNumber; var xhr = new XMLHttpRequest(); xh
ajax 响应数据text/html_AJAX工作原理及其优缺点
weixin_39951419的博客
11-27 390
关于AJAXAJAX工作原理及其优缺点什么是AJAXAJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML)，是一种创建交互式网页应用的网页开发技术。它使用：使用XHTML+CSS来标准化呈现；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据通信；使用Javascript...
Ajax后台处理返回Json值详解及示例
"该文档提供了一个关于如何在后台处理并返回JSON值的AJAX示例代码，主要针对开发人员，适用于学习和理解AJAX与JSON数据交互的基本操作。" 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值