ajax从服务端获取数据(服务端返回html、xml)

ajax的本质就是,发送http请求的工作交给js中的XMLHttpRequest对象去做!

ajax从服务端获取数据(服务端返回html、xml)_第1张图片

ajax从服务端获取数据(服务端返回html、xml)_第2张图片

ajax从服务端获取数据(服务端返回html、xml)_第3张图片

ajax从服务端获取数据(服务端返回html、xml)_第4张图片

ajax从服务端获取数据(服务端返回html、xml)_第5张图片

ajax从服务端获取数据(服务端返回html、xml)_第6张图片

ajax从服务端获取数据(服务端返回html、xml)_第7张图片

ajax从服务端获取数据(服务端返回html、xml)_第8张图片

 ajax从服务端获取数据(服务端返回html、xml)_第9张图片

ajax从服务端获取数据(服务端返回html、xml)_第10张图片

ajax从服务端获取数据(服务端返回html、xml)_第11张图片

ajax从服务端获取数据(服务端返回html、xml)_第12张图片





ajax知识






ajax知识

ajax的本质就是,发送http请求的工作交给js中的XMLHttpRequest对象去做









         

        package com.jiongmeng.entity;
        
        import java.util.ArrayList;
        import java.util.List;
        
        public class News {
        	
        	private String id;
        	private String title;
        	
        	public News() {
        		super();
        	}
        
        	public News(String id, String title) {
        		super();
        		this.id = id;
        		this.title = title;
        	}
        
        	public String getId() {
        		return id;
        	}
        
        	public void setId(String id) {
        		this.id = id;
        	}
        
        	public String getTitle() {
        		return title;
        	}
        
        	public void setTitle(String title) {
        		this.title = title;
        	}
        
        	public List showNews() {
        		List news = new ArrayList();
        		news.add(new News("1", "杨幂和魏大勋传出绯闻"));
        		news.add(new News("2", "林志玲结婚啦"));
        		news.add(new News("3", "朝鲜半岛局势剑拔弩张"));
        		news.add(new News("4", "黄晓明确认参加《中餐厅》录制"));
        		news.add(new News("5", "鹿晗和关晓彤深夜撒狗粮"));
        		news.add(new News("6", "林志玲开直播,网友直呼认不出来了!"));
        		return news;
        	}
        	
        	
        
        }
        
        package com.jiongmeng.ajax;
        
        import java.io.IOException;
        import java.io.PrintWriter;
        import java.util.List;
        
        import javax.servlet.ServletConfig;
        import javax.servlet.ServletException;
        import javax.servlet.annotation.WebServlet;
        import javax.servlet.http.HttpServlet;
        import javax.servlet.http.HttpServletRequest;
        import javax.servlet.http.HttpServletResponse;
        
        import com.jiongmeng.entity.News;
        
        /**
         * 获取新闻列表
         */
        @WebServlet("/ajaxNewsList")
        public class AjaxNewsList extends HttpServlet {
        	private static final long serialVersionUID = 1L;
        
        	protected void doGet(HttpServletRequest request, HttpServletResponse response)
        			throws ServletException, IOException {
        		response.setContentType("text/html;charset=UTF-8");
        		PrintWriter pw = response.getWriter();
        		News news = new News();
        		StringBuffer sb = new StringBuffer();
        		List newsList = news.showNews();
        		for (News newInfo : newsList) {
        			String id = newInfo.getId();
        			String title = newInfo.getTitle();
        			//直接在服务端拼接成html,直接返回html给客户端,让客户端自己去处理这段html
        			sb.append("
      • " + title + "
      • "); } try { // 模拟网络慢的情况 Thread.sleep(3000); } catch (InterruptedException e) { e.printStackTrace(); } System.out.println(sb.toString()); pw.print(sb.toString()); pw.flush(); pw.close(); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } @Override public void init(ServletConfig config) throws ServletException { } }

         

        package com.jiongmeng.ajax;
        
        import java.io.IOException;
        import java.io.PrintWriter;
        
        import javax.servlet.ServletConfig;
        import javax.servlet.ServletException;
        import javax.servlet.annotation.WebServlet;
        import javax.servlet.http.HttpServlet;
        import javax.servlet.http.HttpServletRequest;
        import javax.servlet.http.HttpServletResponse;
        
        /**
         * 获取xml数据
         */
        @WebServlet("/ajaxXml")
        public class AjaxXml extends HttpServlet {
        	private static final long serialVersionUID = 1L;
        
        	protected void doGet(HttpServletRequest request, HttpServletResponse response)
        			throws ServletException, IOException {
        		response.setContentType("text/xml;charset=UTF-8");
        		PrintWriter pw = response.getWriter();
        		StringBuffer sb = new StringBuffer();
        		sb.append("");
        		sb.append("笑傲江湖金庸");
        		sb.append("小李飞刀古龙");
        		sb.append("水浒传施耐庵");
        		sb.append("西游记吴承恩");
        		sb.append("三国演义罗贯中");
        		sb.append("红楼梦曹雪芹");
        		sb.append("");
        		try {
        			// 模拟网络慢的情况
        			Thread.sleep(3000);
        		} catch (InterruptedException e) {
        			e.printStackTrace();
        		}
        		System.out.println(sb.toString());
        		pw.print(sb.toString());
        		pw.flush();
        		pw.close();
        	}
        
        	protected void doPost(HttpServletRequest request, HttpServletResponse response)
        			throws ServletException, IOException {
        		doGet(request, response);
        	}
        
        	@Override
        	public void init(ServletConfig config) throws ServletException {
        
        	}
        
        }
        

        books.xml

        
        
        鹿鼎记金庸
        萍踪侠影梁羽生
        笑傲江湖金庸
        小李飞刀古龙
        四大名捕温瑞安
        

        ajax从服务端获取数据(服务端返回html、xml)_第13张图片

        ajax从服务端获取数据(服务端返回html、xml)_第14张图片

        ajax从服务端获取数据(服务端返回html、xml)_第15张图片ajax从服务端获取数据(服务端返回html、xml)_第16张图片 ajax从服务端获取数据(服务端返回html、xml)_第17张图片

        完!

        你可能感兴趣的:(ajax从服务端获取数据(服务端返回html、xml))