`
energykey
  • 浏览: 597481 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery ajax 跨域解决方案【1分钟】

阅读更多
背景,由于登录服务器和应用服务器不在一个域,所以必须跨域进行登录验证,而AJAX本身是不能跨域的,但jquery提供了默认的解决方案。

第一步,服务端:

String callback=request.getParameter("callback");
JSONObject jb = JSONObject.fromObject(result);// 更改为你自己的拼装JSON代码
PrintWriter out = response.getWriter();

out.print(callback+"("+jb.toString()+")",false);
out.close();
return null;
		


第二部,客户端:

_Jquery.ajax({
            		url    : url,
            		data   : data,
            		dataType : "jsonp",
            		jsonnp : 'callback',
            		timeout:15,
            		success : function(map){
            			if(map["success"]=="true"){
		                	_dialogAlert("登录成功!",'登录成功');
		                	location.reload();
            			}else{
            				_dialogAlert(map["errorMsg"],'登录失败');
            			}
            		},
            		error:function (XMLHttpRequest, textStatus, errorThrown) {
    // 通常 textStatus 和 errorThrown 之中
    // 只有一个会包含信息
    _dialogAlert("请求超时,请稍后重试。"); // 调用本次AJAX请求时传递的options参数
}
            	});
0
1
分享到:
评论

相关推荐

    JQuery跨域访问解决方案

    总的来说,jQuery通过JSONP提供了一种简单易用的跨域解决方案,使得前端开发人员能够方便地从不同域名的服务器获取数据,丰富了Web应用的功能。然而,由于JSONP的本质是脚本注入,它可能会带来安全风险,如XSS攻击,...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin ...在实际开发中,开发者应根据项目需求和浏览器兼容性选择合适的跨域解决方案。

    ajax跨域解决办法

    【AJAX跨域解决办法】 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下更新部分网页的技术。然而,由于浏览器的同源策略限制,AJAX请求通常只能发送到与当前页面同一源的...

    JQuery AJAX跨域提交参数、接收json数据.docx

    如果不使用 JSONP 或 CORS 等跨域解决方案,浏览器将禁止跨域请求。 在 JQuery 的 AJAX 实现中,我们可以使用 `jsonp` 方法来实现跨域请求,该方法可以将数据发送到远程服务器,实现跨域数据交互。 JQuery 的 AJAX...

    jQuery跨域问题解决方案

    在标题“jQuery跨域问题解决方案”中提到的JSONP(JSON with Padding)便是其中一种。JSONP允许跨域访问,其工作原理是允许用户传递一个回调函数名给服务器,然后服务器将返回一段JavaScript代码,其中包括了调用该...

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

    摘要:Ajax 在 Web 2.0 时代起...本文以asmx方式搭建webservice作为测试用后端,给出完整的前后端调用解决方案、范例代码。 本资源为代码部分。 博文请见:http://blog.csdn.net/fanrong1985/article/details/51345436

    解决ajax跨域问题

    通过上述介绍可以看出,JSONP是一种简单而有效的跨域解决方案,尤其适用于只支持GET请求的场景。然而,JSONP也有一些局限性,比如不支持POST请求,且安全性相对较低。随着技术的发展,现在更多地推荐使用CORS(Cross...

    Ajax跨域详解与代码

    - `详解地址.txt`:详细的Ajax跨域解决方案的文本说明。 - `ajaxclient1`:一个简单的Ajax客户端示例,可能使用JavaScript或jQuery实现,用于发起跨域请求。 - `ajaxserver1`:一个服务端示例,可能是Java应用,展示...

    JQuery Ajax 跨域访问的解决方案

    综上所述,JQuery Ajax跨域访问的解决方案,尤其是使用动态脚本方法,为开发者提供了一种便捷的跨域数据访问手段。但开发者应权衡不同方法的优缺点,以及在具体项目中的适用性,来选择最合适的实现方式。

    Ajax跨域请求解决方案-JSONP

    总的来说,JSONP是Ajax跨域请求的一种实用解决方案,尤其适用于只支持GET请求且不涉及复杂交互的场景。但是,它也有一些局限性,比如不支持POST请求、无法控制HTTP头部、无错误处理机制等。因此,在现代Web开发中,...

    ajax跨域问题的解决办法

    解决ajax跨域问题有多种方法,以下是几种常见的解决方案: 1. 使用中间层过渡的方式 这种方法是通过在ajax请求和不同域的服务器之间加一层中间层来解决跨域问题。中间层可以是php、jsp、c++等任何具备网络通讯功能...

    Ajax跨域访问(ASP.NET Web)

    在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面...在ASP.NET Web中,可以方便地配置服务器以支持这些跨域解决方案。同时,需要注意安全问题,防止恶意网站利用跨域访问获取或篡改数据。

    ajax跨域请求

    JSONP是一种早期的跨域解决方案,尤其适用于GET请求。它依赖于`<script>`标签不受同源策略限制的特点。服务器端返回一个JavaScript函数调用,参数是需要的数据。客户端通过创建`<script>`标签并指定其`src`属性为...

    jquery ajax跨域解决方法(json方式)

    本文将针对jquery ajax跨域解决方法进行详细介绍,特别是以JSON方式处理跨域请求。 ### 跨域问题基础 在理解jquery如何处理跨域问题之前,需要明白什么是跨域问题。跨域问题是指当一个Web页面尝试访问另一个域的...

    jquery下利用jsonp跨域访问实现方法

    在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许...虽然有一些限制,但在许多场景下,JSONP仍然是一个实用的跨域解决方案。

    ajax处理跨域请求

    在Web开发中,由于浏览器的同源策略限制,JavaScript通常无法直接访问不同源(协议、域名或端口不同)的资源。然而,随着互联网应用的...在实际项目中,开发者应根据具体需求和服务器支持情况选择合适的跨域解决方案。

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

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

    jquery的ajax跨域请求原理和示例

    直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式。分别是JQuery...

    JQury实现Ajax跨域访问

    **jQuery实现Ajax跨域访问** 在Web开发中,由于浏览器的同源策略限制,JavaScript通常只能访问与当前页面同一域名下的资源。...同时,随着技术的发展,CORS已成为现代Web开发的主流跨域解决方案。

Global site tag (gtag.js) - Google Analytics