Это очень простой запрос-ответ. Браузер отправляет "привет от браузера" на сервлет с помощью jQuery $.ajax API, а сервлет получает это сообщение, а затем создает объект JSON с использованием библиотеки org.json.simple и отправляет обратно в браузер ответ JSON с сообщением "привет от сервера" .
Я запускаю это на localhost и просто предполагаю, что мой IP-адрес - 123.123.12.123, платформа Ubuntu, сервер Tomcat 6.0, работающий в Eclipse IDE.
Тест 1. Я запускаю сервер из Eclipse, открываю Firefox, вхожу http://localhost:8080/myproject/test.jsp, я вижу, что сервлет получает сообщение и браузер получает ответ, тест прошел.
Тест 2. сервер все еще работает на Eclipse в Ubuntu, я запускаю гостевую машину Windows 7 из VirtualBox и браузера Firefox в Windows 7, введите http://123.123.12.123:8080/myproject/test.jsp, работает так, как я ожидал, тест прошел.
Тест 3. Сервер все еще работает в Eclipse в Ubuntu, откройте браузер Internet Explorer 9, дайте ему адрес http://123.123.12.123:8080/myproject/test.jsp, ничего не происходит. Отладка дает мне
Ответ HTTP/1.1 200 OK
Тело ответа { "сообщение": "привет от сервера" }
Test.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> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js" type="text/javascript"></script> <script type="text/javascript" src="release/js/libs/json2.js"></script> <script> $(document).ready(function(){ var request = ({"message":'Hello from browser'}); var jsonobj=JSON.stringify(request); $.ajax({ data: {para:jsonobj}, dataType: 'json', url: './TestServlet', type: 'POST', success: function(jsonObj){ alert(jsonObj.message); }, error: function() { alert('Ajax readyState: '+xhr.readyState+'\nstatus: '+xhr.status + ' ' + err); } }); }); </script> <body> </body> </html>
Код сервлета
import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.json.simple.JSONObject; import org.json.simple.JSONValue; /** * Servlet implementation class TestServlet */ public class TestServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public TestServlet() { super(); } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("utf8"); response.setCharacterEncoding("utf8"); response.setContentType("application/json"); PrintWriter out = response.getWriter(); JSONObject jsonObj = (JSONObject) JSONValue.parse(request.getParameter("para")); System.out.println(jsonObj.get("message")); JSONObject obj = new JSONObject(); obj.put("message", "hello from server"); out.print(obj); } }
Обновление:
После более близкого взгляда на изменение
error: function() { alert('Ajax readyState: '+xhr.readyState+'\nstatus: '+xhr.status + ' ' + err); }
к
error: function(xhr,err) { alert('Ajax readyState: '+xhr.readyState+'\nstatus: '+xhr.status + ' ' + err); }
Я получил предупреждение readyState: 0 и статус: 0. Но я вижу { "сообщение": "привет от сервера" } в теге Response и заголовок ответа
Key Value Response HTTP/1.1 200 OK