`
中华国锋
  • 浏览: 43908 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery ajax跨域调用其他系统的URL

 
阅读更多

场景模拟,

现有公司a中的内网系统OA 需调用公司b中的部署在外网的系统URL

由于公司a中的系统是内网系统,其所部属在的服务器是不能访问外网的。

但公司a中的员工通过安全认证后,客户端浏览器是可以访问外网的。


鉴于此种环境,首先考虑在OA系统中的jsp页面中通过jquery ajax异步调用公司b的外网系统地址URL。


公司b对应的URL 请求处理如下:

以json数据格式返回。

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {


String operate = request.getParameter("operate");
System.out.println("-----------------"+operate);
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
String callback = request.getParameter("jsonpCallback");
out.print(callback + "([ { publicKey:\"12312\"}] )");
out.flush();
out.close();

}



公司a的内网系统OA页面的调用逻辑如下:

通过jquery的ajax 方法实现。

不能用psot请求。

$.getJSON("URL?jsonpCallback=?",
function(json){
alert(json);
$.each(json, function(i){

//弹出跨域返回的数据信息
alert("json,publicKey:"+json[i].publicKey);
});
});

分享到:
评论

相关推荐

    jquery跨域调用 js跨域调用

    在Web开发中,"跨域调用"是一个关键的话题,特别是在使用JavaScript进行AJAX操作时。由于浏览器的同源策略(Same-Origin Policy),一个域下的文档或脚本不能请求另一个域下的资源,除非这两个域完全相同。这限制了...

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...

    Jquery Ajax 跨域调用asmx类型 WebService范例代码

    摘要:Ajax 在 Web 2.0 时代起着非常重要的作用,然而有时因为同源策略 (SOP)(俗称:跨域问题(cross domain)) 它的作用会受到限制。在本文中,将学习如何克服合作限制。本文以asmx方式搭建webservice作为测试用...

    jquery ajax跨域html前台 php后台

    1. **jQuery的Ajax设置**:在使用Ajax进行跨域请求时,我们需要在`$.ajax()`方法中设置`dataType: 'jsonp'`。这告诉jQuery我们期望服务器返回JSON格式的数据,并通过JSONP机制来处理。 2. **JSONP原理**:JSONP的...

    JQuery Ajax跨域调用和非跨域调用问题实例分析

    本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...

    ajax跨域调用wcf实例

    以下是实现AJAX跨域调用WCF服务的具体步骤和相关知识点: 1. **开启WCF服务的跨域支持**:在WCF服务的配置文件(通常是ServiceName.svc.cs或IServiceName.cs)中,需要启用跨域资源共享(CORS)。这可以通过添加`...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...

    ajax跨域调用wcf实例--改分重传

    在本实例中,“ajax跨域调用wcf”是指通过Ajax技术实现对WCF服务的跨域请求。 **什么是Ajax跨域?** 在同源策略限制下,JavaScript通常不能访问不同源(协议、域名或端口不同)的资源。然而,为了实现Web应用的灵活...

    ASP.NET配合jQuery解决跨域调用的问题.txt

    ### ASP.NET配合jQuery解决跨域调用的问题 #### 跨域问题概述 在现代Web开发中,跨域问题是一个常见的安全限制机制。浏览器为了保护用户的隐私数据,实施了同源策略(Same-origin policy)。该政策规定,来自不...

    jquery跨域调用wcf

    **三、JQuery的AJAX跨域** JQuery的$.ajax()函数支持JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing)两种跨域方式。 1. **JSONP**:JSONP是一种规避同源策略的方式,它通过动态插入`<script>`...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中,jQuery与Ajax的结合使用极大地简化了异步数据交互的过程,使得前端可以高效地与服务器进行通信,而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用,并通过...

    jquery跨域调用webservice

    ### jQuery 跨域调用 WebService 的实现方法 在现代Web开发中,跨域问题是一个常见的挑战,尤其是在涉及不同源的服务交互时。本文将详细解释如何利用jQuery通过JSONP(JSON with Padding)的方式实现跨域调用...

    ajax跨域解决办法

    AJAX跨域问题的出现是由于浏览器的安全机制,旨在防止恶意网站通过脚本访问其他网站的数据,保护用户隐私。但是,在某些场景下,比如前后端分离的应用、API接口调用等,跨域请求是必要的。针对这一需求,有多种解决...

    asp.net 利用jquery-ajax调用后台方法

    下面将详细介绍如何利用jQuery-AJAX调用ASP.NET后台方法。 1. **创建WebMethod** 在ASP.NET的C#或VB.NET代码中,我们可以创建一个静态的WebMethod,标记为 `[WebMethod]` 或 `[ScriptMethod]`,以便可以从...

    JQuery跨域访问解决方案

    1. **创建动态`<script>`标签**:jQuery会在DOM中创建一个新的`<script>`标签,其`src`属性指向跨域服务器的URL。URL中通常会包含一个回调函数名(如`callback`),这个函数名由jQuery自动生成,保证唯一性。 2. **...

    Ajax跨域详解与代码

    Ajax跨域是指Ajax请求的目标URL与当前页面URL不在同一源下,浏览器出于安全考虑阻止了这种请求。这种行为是浏览器的默认行为,旨在防止恶意脚本通过一个网站获取另一个网站的数据,从而保护用户隐私和数据安全。 **...

    ajax跨域请求调用webservice接口+视频教程

    【标题】"Ajax跨域请求调用WebService接口"是一个关键的技术点,主要涉及到Web开发中的异步数据交互和跨域安全策略。在Web应用程序中,Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况...

    jQuery使用Ajax方法调用WebService

    本文将深入探讨如何使用jQuery的Ajax方法来调用WebService,从而实现异步数据交换,提升用户体验。 首先,理解Ajax(Asynchronous JavaScript and XML)的核心概念是关键。Ajax允许网页在不刷新整个页面的情况下与...

    jQuery.ajax 跨域请求webapi设置headers的解决方案

    解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求,正确设置 JavaScript端需要设置的headers信息 方能实现。 1.第一步 服务端设置响应头,在webapi的web.config做如下...

Global site tag (gtag.js) - Google Analytics