`

ajax 跨域异步调用

 
阅读更多

涉及到跨域调用时,一般的js ,得不到应有的数据。必须通过UrlConnection来获取到字节数据,来显示出来

思路:当前项目下的js调用到一个jsP,在这个jsp上通过urlConnect 链接来获取数据,并根据状态,回写到所要的js调用之处。

function getText(depart){
 var url="/.././*.jsp?depart="+depart;
 xreq = createXmlHttpRequest();
 if (!xreq){
  alert('Giving up :( Cannot create an XMLHTTP instance');
  return false;
 }
 var url=url+"&temptime="+Math.random();
 xreq.onreadystatechange = showInfo; 
 xreq.open('GET', url, true);
 xreq.send(null);
}
function showArticleInfo(){
 if (xreq.readyState == 4){
  if (xreq.status == 200){
   var articleInfo= xreq.responseText;

//业务处理
    var artId=artInfoArr[0];
    var artTitle=artInfoArr[1];
    var openArticleUrl="/.././*.jsp?art_bh="+artId;
    window.open(openArticleUrl,"newwindow","width=500,height=200,scrollbars=yes,resizable=yes");
   }   
  }
  else if(xreq.status== 500){
   alert('ERRO'+xreq.responseText);
  }
 }
}

 

jsp   //跨域得到数据

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%
 String depart = request.getParameter("depart");
 String retArtInfo = "";
 if (!(depart == null || depart.trim().equals(""))) {

  String url = "http://外网地址/项目名/*.do?method=*&depart="+depart+"&tamp="+ new Date().getTime();

//方法返回的是串
  URL U = new URL(url);
  String result = "";
  try {
   URLConnection connection = U.openConnection();
   connection.connect();
   BufferedReader in = new BufferedReader(
     new InputStreamReader(connection.getInputStream()));

   String line;

   while ((line = in.readLine()) != null) {
    result += line;
   }
   retArtInfo=result;
   in.close();
   out.clear();
  } catch (Exception e) {

  }

 }
 out.println(retArtInfo);
%>

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    JSONP跨域GET请求解决Ajax跨域访问问题

    前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应...

    Ajax 跨域如何实现

    ajax简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。...前两天xz问我知不知道ajax怎么实现跨域调用,因为没听过这个概念,所以也知道怎

    通过jsonp获取json数据实现AJAX跨域请求

    AJAX(异步的 JavaScript 和 XML)是用于创建快速动态网页的一种技术,它在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页,ajax 使用XMLHttpRequest对象在后台与服务器交换数据,XMLHttpRequest 是 ...

    Ajax跨域实现代码(后台jsp)

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 在应用时主要是创建XMLHttpRequest对象,调用指定服务地址。 但是IE中各个版本支持的不太一样,所以在创建次对象时可能要特殊处理下。 一般...

    浅析JSONP解决Ajax跨域访问问题的思路详解

    前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应...

    ASP.NET AJAX实战源码

    5.3.2 通过服务器的跨域调用 125 5.3.3 利用ASP.NET AJAX实现内容集成 125 5.3.4 桥技术 131 5.4 使用ASP.NET应用服务 137 5.4.1 启用ASP.NET应用服务 137 5.4.2 验证服务 138 5.4.3 个性化 140 5.4.4 角色...

    jquery下异步提交表单 异步跨域提交表单

    结合form表单的submit调用ajax的回调函数。 使用 jQuery 异步提交表单代码: 代码如下: &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head&gt; &lt;title&gt;无标题页&lt;/title&gt; &lt;/head&gt; ...

    JavaScript跨域调用基于JSON的RESTful API

    AJAX(Asynchronous JavaScript And XML,异步JavaScript和XML):AJAX是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的...

    xml-rpc.js:跨域 JavaScript 的 XML-RPC 库

    限制在这个阶段,库依赖同步 AJAX 调用来允许完全透明的方法调用。 将来,将有一个选项可以返回 JS Promise 对象而不是结果,并使用异步 AJAX 代替。例子初始化连接 var rpc = new XmlRpcConnection ( { url : ...

    java在线教育系统源码 springboot考试系统源码+VUE前后端分离

    前端页面:html +vue.js 形式 jquery ajax 异步跨域 json 格式数据交互 前后分离,前后台分开部署 功能介绍: 题库管理 1.图片库:创建文件目录,维护图片,供题库选择调用 2.单选题:维护单选试题,试题题目,选项...

    jQuery 1.6 API 中文版

    也就是说,让回调函数内this指向这个对象(如果不设定这个参数,那么this就指向调用本次AJAX请求时传递的options参数)。比如指定一个DOM元素作为context参数,这样就设置了success回调函数的上下文为这个DOM元素。...

    vue项目中使用fetch的实现方法

    众所周知,传统 Ajax (指 XMLHttpRequest)是最早出现的发送异步请求技术,其核心是使用XMLHttpRequest对象。但是它也存在一些令人头疼的问题:XHR 是一个设计粗糙的 API,不符合关注分离的原则;配置和调用方式...

    jquery电子文档chm

    jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时...

    react-my-app:react 应用

    添加 ajax.js和index.js(所有的ajax的调用函数) 统一出错处理 过滤数据,直接给后台返回的是response中的data await 和async的使用 async放在函数左边 await 放在对象左边。 实现异步操作 ###修改了readme 今天加入...

    ASP.NET.4揭秘 卷2

    n215 跨域使用Forms身份验证 n216 使用FormsAuthentication类 n217 使用User类 n22 配置安全授权 n221 角色授权 n222 根据位置授权访问文件 n223 对图片以及其他文件类型进行访问授权 n23 使用ASPNET Membership ...

    程序员面试刷题的书哪个好-front-end-interview:前端面试

    数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax 等。 1.浅拷贝和深拷贝的区别 2.defer 和 async 的区别(JS ...

    JavaScript权威指南(第六版) 清晰-完整

    12.2 用Node实现异步I/O 第二部分 客户端JavaScript 第13章 Web浏览器中的JavaScript 13.1 客户端JavaScript 13.2 在HTML里嵌入JavaScript 13.3 JavaScript程序的执行 13.4 兼容性和互用性 13.5 可访问性 13.6 安全...

    ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1

    此外,《ASP.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面,以及如何使用微软的ASP.NETAJAX平台。另外,还专门介绍了ASP.NET4 新增的功能,如MVC 和动态数据等。  ...

Global site tag (gtag.js) - Google Analytics