今天的工作中要访问摄像机内部的一个web站点，这就涉及到jquery的ajax跨域访问的问题。我使用的是jquery1.7的版本，下面总结如下：

  • 问题一：
    一开始用IE调试，总是返回No Transport错误，这是因为在进行跨域访问的时候，IE8浏览器（不同的浏览器对跨域的支持不一样）不支持跨域访问，必须在ajax请求前面加上 jQuery.support.cors = true;才行。
  • 问题二：跨域问题解决后，返回的xhr.statusText = "[object Error]"，并且xmlHttpReqest.readyState始终为0。
    后来我更改为自己的url，可以访问，说明是跨域的问题。后来我不用jquery的ajax，用最原始的ajax在执行到open函数的时候，提示没有权限。这才知道是跨域访问没有权限的问题。

　　后来在项目组同事的帮助下找到了下面的解决方案：

　　就是通过吧url和参数发送给servlet，然后servlet再建立HttpURLConnection，把请求发送给其他的站点。当然我们的项目为了把所有发送的请求都对应一个servlet，使用的是过滤器。

　　first.jsp：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

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

    <link href="IEfile/doc/css/base.css" rel="stylesheet" type="text/css" />

    <link href="IEfile/doc/css/login.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="IEfile/doc/script/jquery-1.7.1.min.js"></script>

    <script type="text/javascript" src="IEfile/doc/script/jquery.cookie.js"></script>

    <script type="text/javascript" src="IEfile/doc/script/login.js"></script>

    <script type="text/javascript" src="IEfile/doc/script/common.js"></script>

    <script type="text/javascript" src="IEfile/doc/script/Translator.js"></script>

    <script type="text/javascript">

    var g_lxdLogin = null; // Login.xml

      function DoLogin()

      {

          m_szUserPwdValue = "111";//Base64.encode("admin" + ":" + "12345");

          var m_lHttp = "http://";

          var m_szHostName = "localhost";

          var m_lHttpPort = "8080";

          var urlTest = m_lHttp + m_szHostName + ":" + m_lHttpPort + "/WebServerTest1/PSIA/Custom/SelfExt/userCheck";

          alert(urlTest);

          $.ajax({

              type: "GET",

              url: urlTest,

              async: true,

              timeout: 15000,

              beforeSend: function(xhr) {

                  xhr.setRequestHeader("If-Modified-Since", "0");

                  xhr.setRequestHeader("Authorization", "Basic " + m_szUserPwdValue);

              },

              success: function(xmlDoc, textStatus, xhr)

              {

                alert("login success");

                  if("200" == xmlDoc.documentElement.getElementsByTagName('statusValue')[0].childNodes[0].nodeValue)

                  {

                      var szUrl = decodeURI(document.URL);

                      if(szUrl.indexOf("?page=") != -1)

                      {

                          var szPage = szUrl.substring(szUrl.indexOf("page=") + 5, szUrl.indexOf("&params="));

                          if(szPage.indexOf(".asp") == -1)

                          {

                              szPage = szPage.concat(".asp");

                          }

                          var szParam = szUrl.substring(szUrl.indexOf("&params=") + 8, szUrl.length);

                          $.cookie('page',szPage+"?"+szParam+"%1");

                      }

                      else

                      {

                          $.cookie('page',null);

                      }

                      $.cookie('userInfo'+m_lHttpPort,m_szUserPwdValue==""?Base64.encode("anonymous:\177\177\177\177\177\177"):m_szUserPwdValue);

                      window.location.href = "main.asp";

                  }

                  else

                  {

                      if(!$('#UserName').prop("disabled")) {

                          $('#UserName').focus();

                      }

                      $('#UserName').val('');

                      $('#Password').val('');

                      alert(translator.translateNode(g_lxdLogin, 'LoginTips4'));

                  }

              },

              error: function(xhr, textStatus, errorThrown)

              {

                alert("login error = " + textStatus);

                  if("timeout" == textStatus)

                  {

                      alert(translator.translateNode(g_lxdLogin, 'ConnectTimeoutTips'));

                  }

                  else

                  {

                      alert(translator.translateNode(g_lxdLogin, 'NetworkErrorTips'));

                  }

              }

          });

      }

    </script>

  </head>  

  <body >

    <input type="button" name="b" value="TestJson" onclick="DoLogin()"/>

  </body>  

</html>

　　web.xml：

    <!-- psia过滤器 -->

    <filter>

        <filter-name>psiaFilter</filter-name>

        <filter-class>com.zm.servlet.psiaFilter</filter-class>

    </filter>

    <filter-mapping>

        <filter-name>psiaFilter</filter-name>

        <url-pattern>/PSIA/*</url-pattern>

    </filter-mapping>

    <!-- 起始页面-->

  <welcome-file-list>

    <welcome-file>/IEfile/doc/page/first.jsp</welcome-file>

  </welcome-file-list>

　　psiaFilter.java：　　

package com.zm.servlet; 

import java.io.IOException;

import java.io.InputStream;

import java.io.PrintWriter;

import java.net.HttpURLConnection;

import java.net.URL;

import java.net.URLConnection;

import javax.servlet.*;

import javax.servlet.http.*;

public class psiaFilter implements javax.servlet.Filter {

        public void destroy() {

        }

        public void doFilter(ServletRequest request, ServletResponse response,

                FilterChain chain) throws IOException, ServletException {

            HttpServletRequest req = (HttpServletRequest)(request);

            String uri = req.getRequestURI();

            uri = uri.substring(15);

            String Auth = req.getHeader("Authorization");

            String method = req.getMethod();

            HttpServletResponse res = (HttpServletResponse)(response);

            //((HttpServletResponse)(response)).sendError(700, "psiaFilter" + uri + Auth);

            String url= "http://172.16.8.178" + uri;

            URL theURL = new URL(url);

            HttpURLConnection urlConnection = (HttpURLConnection)theURL.openConnection();

            urlConnection.setReadTimeout(11);

            urlConnection.setRequestMethod(method);

            urlConnection.setRequestProperty("If-Modified-Since", "0");

            urlConnection.setRequestProperty("Authorization", Auth);

            urlConnection.connect();  

            PrintWriter out = res.getWriter();

            //out.println(url);

            InputStream in = urlConnection.getInputStream();

            int c;

            while((c = in.read()) != -1)

                out.write(c);

            System.out.println(out.toString());

            //chain.doFilter(request, response);

        }

        public void init(FilterConfig arg0) throws ServletException {

        }

    }

ajax跨域访问的解决方案的更多相关文章

  1. ajax 跨域访问的解决方案

    ajax 跨域访问的解决方案 一.什么是跨域: 1.什么样的请求属于跨域: 域名,端口有任何一个不相同都属于跨域: 二.跨域的常用几种解决方案: 1.jsonp: 2.iframe: 3.webcon ...

  2. Ajax跨域问题及解决方案 asp.net core 系列之允许跨越访问(Enable Cross-Origin Requests:CORS) c#中的Cache缓存技术 C#中的Cookie C#串口扫描枪的简单实现 c#Socket服务器与客户端的开发(2)

    Ajax跨域问题及解决方案   目录 复现Ajax跨域问题 Ajax跨域介绍 Ajax跨域解决方案 一. 在服务端添加响应头Access-Control-Allow-Origin 二. 使用JSONP ...

  3. 浅析JSONP-解决Ajax跨域访问问题

    浅析JSONP-解决Ajax跨域访问问题 很久没有写随笔了,总是感觉没时间,其实时间就是...废话少说,前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息.实现 ...

  4. Web Api 2(Cors)Ajax跨域访问

    支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示   随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Ang ...

  5. ajax跨域访问总结

    1，jsonp的使用 就是script引用别的站点js,利用回调把内容传给这个js。 a需要引入b,在页面上引入b的js,里面有b的函数，在a中执行，就能拿到json了。 程序B中test.js的代码 ...

  6. PHP Ajax 跨域问题最佳解决方案 【摘自菜鸟教程】

    PHP Ajax 跨域问题最佳解决方案 分类 编程技术 http://www.runoob.com/w3cnote/php-ajax-cross-border.html 本文通过设置Access-Co ...

  7. ajax跨域访问http服务--jsonp

    在前面一篇文章<Spring Cloud 前后端分离后引起的跨域访问解决方案>里我们提到使用ajax跨域请求其他应用的http服务,使用的是后台增加注解@CrossOrigin或者增加Co ...

  8. Ajax跨域访问解决办法

    方法1. jsonp实现ajax跨域访问示例 jsp代码: <body> <input type="button" onclick="testJsonp ...

  9. Hbuilder编辑App时，ajax跨域访问失败问题

    今天试着用Hbuilder写app的前段显示页面,在第一步时就被打住了,ajax异步调用服务器的登录接口时,报错, 显示这样的错误 XMLHttpRequest cannot loadhttp://w ...

随机推荐

  1. echarts标准饼图(二)——标题（title）配置

    标题(title)配置 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  2. display的小故事

    实在是想不出来到底整个什么题目好..姑且先整这个吧.. 本文不是讲解display这个牛逼css属性的(讲不好才是真的!),主要是分享一下一些小Tips. display:table-cell wid ...

  3. javascript 基础API

    Math.random() 取值范围[0,1)  大于等于0小于1,包括0,不包括1 Math.floor() 向下取整  Math.ceil() 向上取整 第一题:一组数的规则如下:1.1.2.3. ...

  4. Sicily 1068欢迎提出优化方案

    1608. Digit Counting 限制条件 时间限制: 1 秒, 内存限制: 32 兆 题目描述 Trung is bored with his mathematics homeworks. ...

  5. Ubuntu 14.04下java开发环境的搭建--2--Eclipse的安装

    前面说了JDK的安装,http://www.cnblogs.com/bcsflilong/p/4196536.html 下面我们来安装Eclipse! 安装Eclipse 的前提是,你的JDK已经安装 ...

  6. js优化 ----js的有序加载

    说到有序加载,我们先来说说js的无序加载: <script src="jquery/jquery-1.4.1.js" type="text/javascript&q ...

  7. C#语言的Image和byte数组的互相转换

    /// <summary> /// 字节数组转换为图片 /// </summary> /// <param name="buffer">字节数组 ...

  8. phpstorm配置取消掉63342

    http://ask.csdn.net/questions/171665

  9. FireFox不支持InnerText的解决方法

    innerText和InnerHTML是非常实用的一个属性,然而在FireFox中不支持此属性,可能是因为考虑到网页的安全性.这样一来为开发者带来了不少麻烦.FireFox中也提供了另外一个属性inn ...

  10. php正确解码javascript中通过escape编码后的字符

    js的escape如何在PHP中来解呢? 下面的这个函数可以正确的解析,网上有不少unescape的函数,但好用的不多. 这是很久以前收集的一个,不知道谁写的了,但经过测试没有问题~ function ...