涉及到跨域调用时,一般的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);
%>
分享到:
相关推荐
前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应...
ajax简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。...前两天xz问我知不知道ajax怎么实现跨域调用,因为没听过这个概念,所以也知道怎
AJAX(异步的 JavaScript 和 XML)是用于创建快速动态网页的一种技术,它在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页,ajax 使用XMLHttpRequest对象在后台与服务器交换数据,XMLHttpRequest 是 ...
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 在应用时主要是创建XMLHttpRequest对象,调用指定服务地址。 但是IE中各个版本支持的不太一样,所以在创建次对象时可能要特殊处理下。 一般...
前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应...
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 角色...
结合form表单的submit调用ajax的回调函数。 使用 jQuery 异步提交表单代码: 代码如下: <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>无标题页</title> </head> ...
AJAX(Asynchronous JavaScript And XML,异步JavaScript和XML):AJAX是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的...
限制在这个阶段,库依赖同步 AJAX 调用来允许完全透明的方法调用。 将来,将有一个选项可以返回 JS Promise 对象而不是结果,并使用异步 AJAX 代替。例子初始化连接 var rpc = new XmlRpcConnection ( { url : ...
前端页面:html +vue.js 形式 jquery ajax 异步跨域 json 格式数据交互 前后分离,前后台分开部署 功能介绍: 题库管理 1.图片库:创建文件目录,维护图片,供题库选择调用 2.单选题:维护单选试题,试题题目,选项...
也就是说,让回调函数内this指向这个对象(如果不设定这个参数,那么this就指向调用本次AJAX请求时传递的options参数)。比如指定一个DOM元素作为context参数,这样就设置了success回调函数的上下文为这个DOM元素。...
众所周知,传统 Ajax (指 XMLHttpRequest)是最早出现的发送异步请求技术,其核心是使用XMLHttpRequest对象。但是它也存在一些令人头疼的问题:XHR 是一个设计粗糙的 API,不符合关注分离的原则;配置和调用方式...
jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时...
添加 ajax.js和index.js(所有的ajax的调用函数) 统一出错处理 过滤数据,直接给后台返回的是response中的data await 和async的使用 async放在函数左边 await 放在对象左边。 实现异步操作 ###修改了readme 今天加入...
n215 跨域使用Forms身份验证 n216 使用FormsAuthentication类 n217 使用User类 n22 配置安全授权 n221 角色授权 n222 根据位置授权访问文件 n223 对图片以及其他文件类型进行访问授权 n23 使用ASPNET Membership ...
数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax 等。 1.浅拷贝和深拷贝的区别 2.defer 和 async 的区别(JS ...
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.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面,以及如何使用微软的ASP.NETAJAX平台。另外,还专门介绍了ASP.NET4 新增的功能,如MVC 和动态数据等。 ...