Como carregar um site externo dentro de um div

-
Tutorial de como inserir uma página externa em um div.
Vou utilizar o método HttpURLConnection do Java. Pro Javascript JQuery.
Vou abrir uma conexão à uma página externa de dentro de um Servlet Java e exibir o resultado em um HttpServletResponse que por fim será exibido em um Div.

Primeiro o arquivo html.
Vou criar um botão que ao ser clicado vai enviar um url pra um método javascript que por sua vez vai chamar o servlet e abrir a página externa no div.
<!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=ISO-8859-1">
  <link rel="stylesheet" type="text/css" href="/pages/style/style.css" />
  <script type="text/javascript" src="/pages/script/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="/pages/script/script.js"></script>
  <title>Generate</title>
</head>

  <body>
    <input type="button" id="btnSend" value="clique aqui" onclick="show('http://www.google.com.br');">
    
    <div id="result" style="border: 1px solid black; width: 450px; height: 500px; text-align: center;"></div>
    <div id="error"></div>
  </body>

</html>

O arquivo script.js, que contém o método show(url)
A função vai desabilitar o botão submit, e em seguida chamar o servlet com o url (método GET). Caso haja algum erro na requisição, eu exibo o tipo do erro no html.
function show(url) {
  $('#btnSend').attr('disabled', 'disabled');
  $("#result").load(
      '/Generate/ServletRedirect?host='.concat(url),
      function(response, status, xhr) {
        if (status == "error") {
          var msg = "Ocorreu um erro: ";
          $("#error").html(msg + xhr.status + " " + xhr.statusText);
        }
      });

}

Por fim o Servlet que vai utilizar o método HttpURLConnection pra conectar a página externa
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ServletRedirect extends HttpServlet {
  private static final long serialVersionUID = 1L;

  protected void doGet(HttpServletRequest request,
      HttpServletResponse response) throws ServletException, IOException {
    StringBuilder stringBuilder = new StringBuilder();
    HttpURLConnection connection = null;

    try {
      URL url = new URL(request.getParameter("host"));
      connection = (HttpURLConnection) url.openConnection();
      connection.setRequestProperty("Accept-Charset", "ISO-8859-1");
      connection.setRequestMethod("GET");
      connection.setRequestProperty("Content-Type","text/plain");
      connection.connect();

      BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));

      String line = null;
      while ((line = reader.readLine()) != null) {
        stringBuilder.append(line + "\n");
      }
      reader.close();
    } catch (Exception e) {
      InputStream error = ((HttpURLConnection) connection).getErrorStream();
      BufferedReader reader = new BufferedReader(new InputStreamReader(error));
      String line = null;
      while ((line = reader.readLine()) != null) {
        stringBuilder.append(line + "\n");
      }
      reader.close();
      e.printStackTrace();
    } 
    response.setContentType("text/html"));
    response.getWriter().write(stringBuilder.toString());
  }

}

Iniciei a conexão com HttpURLConnection. Como o método utilizado foi GET, peguei o parâmetro da url.
A linha connection.setRequestProperty("Accept-Charset", "ISO-8859-1"); codifica a página, caso haja acentuação. No meu caso ISO-8859.
Em seguida leio toda a página em um StringBuilder e marco a saída (response) como html (response.setContentType("text/html");) e mando o resultado.

 Se eu utilizasse o método POST, mudaria o seguinte:
connection.setDoOutput(true); // Triggers POST.
connection.setRequestProperty("Content-Type", "application/x-www-form-urlencoded;charset=" + "ISO-8859-1");

OutputStream output = null;
try {
     output = connection.getOutputStream();
     output.write(query.getBytes(charset));
} finally {
     if (output != null) try { output.close(); } catch (IOException logOrIgnore) {}
}

BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));


É isso. 

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Utilizando um pool de conexões com hibernate

-
Parece algo já muito falado na web. Mas o que vou tratar aqui nem todo mundo usa e as vezes sofre com certos tipos de erros. O caso descrito é o seguinte: Tenho um número X de agências bancárias do banco Y. E tenho que controlar as linhas telefônicas do banco. Cada cidade tem N agências com N telefones cada. E cada agência pode ter posto de auto atendimento em outros locais. Cada posto de auto atendimento tem uma agência que é responsável por ele. Preciso saber quais são os terminais telefônicos de cada agência. Trataremos da seguinte forma. O sistema será implementado quando as agências e suas linhas telefônicas já estão em funcionamento. Então teremos um banco de dados legado. Vou criar um DAO genérico do tipo que tem muito tutorial por aí, depois vamos aperfeiçoar. A vantagem do DAO genérico é que ele pode ser utilizado para executar operações persistentes de qualquer entidade. primeiro, criamos a interface GenericDAO import  java.io.Serializable; import  java
Leia mais

Gravando dados de um arquivo CSV no Oracle utlizando Python e a biblioteca cx_Oracle

-
Tive uma certa complicação ao inserir dados no Oracle vindo de um arquivo CSV. O problema, é que o arquivo que vinha os dados tinha uma formatação diferente de UTF-8. Sempre que tentava gravar a linha vinda do arquivo dava o erro: UnicodeEncodeError: 'ascii' codec can't encode character u'\xa0' in position XX: ordinal not in range(128) Como cada caso é um caso, pode ser que ao abrir o arquivo com formatação UTF-8, funcione. Mas nem sempre. with open ( csv_file , encoding = 'utf-8' ) as csv_file : csv_reader = csv . reader ( csv_file , delimiter = ';' ) for lines in csv_reader : Porém meu caso foi mais específico. Não dava certo utilizando esse método. Após algum tempo pesquisando, descobri que era necessário abrir a conexão com o banco com as opções  encoding e  nencoding habilitadas com UTF-8. Segue o código: dsn_tns = cx_Oracle . makedsn ( hostname , portnumber , service_name ) con = cx_Oracle . connect ( user = 'us
Leia mais

Popup em JSF sem Javascript

-
Tutorial de como fazer um popup sem escrever código javascript na página. Vou explicar 2 meios de criar popup. Um atualizando o javascript dinamicamente e outro com myfaces. Nesse tutorial, a lógica é criar um arquivo de script dinâmico, que vou chamar de dynamicScript.js. Vou incluir o método do popup nele dinamicamente e chamar o popup. Primeiro, através de um jsp vou chamar um action no bean que é quem vai criar o método javascript pra incluir na página. Eu poderia ter incluído o método direto na hora de abrir a página, mas preferi assim. 1   <h:commandButton value= "testaPopup"  action= "#{terminalBean.geraPopup}"  /> Agora o método geraPopup. Observe que na minha estrutura, o arquivo dynamicScript.js está dentro da pasta pages/script. As duas barras invertidas se dão por conta do meu ambiente de desenvolvimento, windows. 01   public  String geraPopup () { 02        03        String functionJs =  "function popupJsf(url) { "  + 04  
Leia mais