`
化蝶自在飞
  • 浏览: 2333580 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery ajax跨域的最简单解决方案_二级域名没有权限的简单解决

阅读更多
先说下适用范围,比如有域名 http://www.k686.com ,带有 www ,同时通过访问 http://k686.com 也可以访问.
在该网站页面中,有Ajax请求,由于页面中设置了 base 标签,如: <base href="http://k686.com/" /> ,这时候Ajax请求该域下的 文件的时候会报"没有权限"的错误.
Ajax代码如下:
function GetHtmlStr(id){
var up = "http://"+location.hostname+"/";
	clearInterval(this._interval);
$.ajax({
type: "GET",
url:up+"buy.php",
data:"id="+id,
cache:true,
success:function(result){
//$("#loading"+id).hide();
if(result==""){return false;}
else{
eval(unescape(result).split('|')[0]);

$("#qianggou"+id).html(unescape(result).split('|')[1]);}}});}


看核心部分就好了. 定义了一个 up 变量,获取当前访问的url地址.然后赋给Ajax的url,组成一个url地址,是根据当前访问的url来定义的.所以不会存在所谓的"跨域"问题.

这样就可以解决www和不带www的无法互访的问题.
实际应用中这种情况很常见,虽然jquery提供了原生的跨域方法,但是如何使代码最简单最实用是我们一直都追求的.
欢迎大家一起交流,我的个人站点: http://www.k686.com
分享到:
评论

相关推荐

    Jquery跨域Ajax请求测试

    以下是一个简单的jQuery跨域Ajax请求的示例: ```javascript $.ajax({ type: "GET", url: "http://example.com/remote-service", // 远程服务地址 dataType: "jsonp", jsonpCallback: "handleResponse", // 回...

    JQuery跨域访问解决方案

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

    demo跨域ajax_DEMO_ajax跨域_

    本示例“demo跨域ajax_DEMO_ajax跨域”着重解决C#后端与JavaScript前端之间的跨域限制。这里我们将深入探讨什么是跨域、为何会产生跨域问题以及如何通过C#和Ajax实现跨域通信。 首先,我们需要了解什么是跨域。根据...

    Ajax跨域问题及其解决方案.docx

    ### Ajax跨域问题及其解决方案 #### 一、Ajax跨域问题概述 在现代Web开发中,前后端分离架构越来越流行。这种模式下,前端页面与后端服务通常部署在不同的服务器上,甚至可能位于不同的域名下。当浏览器发起对不同...

    jquery ajax跨域html前台 php后台

    在描述中提到的"jquery ajax json 跨域不解释,代码很简单",我们可以从以下几个关键点理解: 1. **jQuery的Ajax设置**:在使用Ajax进行跨域请求时,我们需要在`$.ajax()`方法中设置`dataType: 'jsonp'`。这告诉...

    Ajax跨域访问解决方案

    **Ajax跨域访问解决方案** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的异步更新,提升用户体验。然而,由于浏览器的同源策略限制,Ajax请求只能向同源(协议、域名和端口相同)...

    ajax 跨域请求问题 jquery jsonp

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

    jsonp解决跨域_js_方案_web_跨域_

    标题中的“jsonp解决跨域”指的是JavaScript对象标记协议(JSON with Padding,简称jsonp)这一跨域数据交互协议,它是Web应用程序中广泛使用的一种解决同源策略限制的技术。同源策略是浏览器为了安全而实施的一项...

    Javascript跨域和Ajax跨域解决方案

    本文将深入探讨JavaScript和Ajax跨域的原理,以及常用的解决方案。 首先,理解同源策略是解决跨域问题的基础。同源策略是浏览器为了保障用户安全而设定的一种机制,它规定了只有同源(即协议、域名和端口都相同)的...

    Ajax跨域问题及解决方案(jsonp,cors)

    在前台通过动态添加script标签及src属性,表面看上去与ajax极为相似,但是,这和ajax并没有任何关系;为了便于使用及交流,逐渐形成了一中非正式传输协议,人们把它称作 jsonp 。 代码如下: html: &lt;body&gt; ...

    umi_UMI_umi跨域401_umi跨域_Umi跨域打包_umi脚手架_

    综上所述,umi框架为前端开发者提供了丰富的功能和便利性,包括内置的跨域解决方案、自动化的脚手架工具以及灵活的配置选项。通过理解并掌握这些知识点,我们可以更高效地使用umi构建和管理现代Web应用。在实际开发...

    ajax跨域实例

    Ajax 跨域操作是指在不同的域名、协议或端口之间进行 Ajax 请求的操作。由于浏览器的同源策略限制,跨域操作需要在前端和服务端指定共同规则,以便实现安全的数据交换。在本文中,我们将讨论两个 Ajax 跨域实例,...

    Ajax跨域请求解决方案-JSONP

    然而,Ajax技术在实现动态网页交互时常常需要跨越这个限制,这时就引入了JSONP(JSON with Padding)作为跨域请求的一种解决方案。本文将详细介绍JSONP的工作原理以及如何在ASP.NET网站开发中应用JSONP解决Ajax跨域...

    ajax跨域解决办法

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

    JQuery Ajax 跨域访问的解决方案

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

    python 17、AJAX异步 3-1_使用jQuery实现AJAX操作、跨域_Day03_am.mp4

    python 17、AJAX异步 3-1_使用jQuery实现AJAX操作、跨域_Day03_am.mp4

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

    JQuery 的 AJAX 功能是实现异步数据交互的核心部分,对于跨域提交参数和接收 JSON 数据的需求,JQuery 提供了多种解决方案。 首先,JQuery 的 AJAX 功能可以使用 `$.post()` 方法来发送 POST 请求,该方法可以取代...

    Ajax跨域问题 解决方案

    ### Ajax跨域问题解决方案 #### 一、什么是Ajax跨域 **原理:** Ajax跨域问题的核心在于浏览器的“同源策略”。同源策略是一种安全措施,用于限制一个域名下的文档或脚本如何与另一个来源的资源进行交互。简单来说...

    利用JQuery jsonp实现Ajax跨域请求json数据

    总结起来,jQuery的jsonp机制使得跨域请求变得简单。通过在客户端设置`dataType: 'jsonp'`和`jsonp: 'callback'`,然后在服务器端根据请求的回调函数参数构建响应,我们可以实现Ajax跨域获取JSON数据。无论是在.Net...

Global site tag (gtag.js) - Google Analytics