-
jquery ajax跨域访问的问题 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>VIP会员中心</title> <link href="style.css" rel="stylesheet" type="text/css"> <script src="jquery.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(function() { Search(); }); }); function Search() { $.ajax({ type: "POST", url: "http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct", data: {barCode: $("#barCode").val()}, dataType: 'json', timeout: '3000', beforeSend:function(){ $("#msg").html("正在查询中,请稍候....."); }, success:function(data){ $("#msg").html('<h3>您好,您查询的产品结果如下:</h3><div class=hot>'+data+'</div><h3>感谢您对爱恋珠宝的支持!</h3>'); }, error:function(){ $("#msg").html("抱歉,您输入的产品条形编码(证书号)有误,请重新核对您的产品编号。"); } }); } </script> <style> .search #barCode{ width:265px; height:26px; border:1px solid #5d3c2b; line-height:26px; padding-left:3px; background:none;} .search #btnSubmit{ border:0; width:56px; height:30px; background: url(img/search.gif); text-indent:-9999em;} #msg{ width:340px; color: #333;font-size:14px; font-family:微软雅黑; color:#3b1807; margin-top:10px;} #msg h3{ font-size:14px; font-weight:normal; color:#aa7140;} .hot{ font-size:14px;color:#65412d;} #error{ color:#333; font-size:14px; color:#C00;} </style> </head> <body id=vip> <div class="iframediv"> <div class="search"> <input id="barCode" name="barCode" type="text" /> <input type="button" id="btnSubmit" value="查询" /> <div id="msg"></div> <div id="error"></div> </div> </div></body> </html>
本地打开没问题,把它上传到服务器上后 用http://www.xxx.com/xx.html的形式打开时 就提示 “拒绝访问”
请问应该如何修改?
问题补充:如果方便 麻烦可以把代码修改一下 搞不懂JQ 和 AJAX 谢谢!2012年12月10日 12:28
6个答案 按时间排序 按投票排序
-
采纳的答案
url: "http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct", 这个地址也应该改成域名的形式。如果就是这样的,请考虑加jsoncallback=?
http://www.camnpr.com/archives/426.html2012年12月10日 12:33
-
ajax不支持post跨域请求,get是可以的,前面有人已经说了,jsonp的方式可以跨域,你可以参考一下,此种方式也支持数据回传
2012年12月10日 14:07
-
再次补充一下哈。这里有一个关于jsonp跨域的介绍,也是JQUERY的。例子比较全。可以看看哈。http://developer.51cto.com/art/201105/264791.htm
2012年12月10日 13:58
-
jquery是可以解决跨域问题的吧。不过好像请求的参数类型不太可能是这样哦。不过jsonp倒是支持跨域的。记得和前面那个哥们儿一样考虑加入jsonpcallback,可以试试。
2012年12月10日 13:54
相关推荐
jQuery,作为一个强大的JavaScript库,提供了便捷的方式来处理这种问题,特别是通过其Ajax功能进行跨域请求。本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域...
本示例主要展示了如何使用jQuery的Ajax功能解决HTML与PHP之间的跨域问题,结合JSON进行数据交换。让我们详细了解一下这个过程。 首先,我们要理解什么是跨域。在浏览器的安全策略中,由于同源策略的限制,一个域名...
本教程将重点讲解如何在ASP.NET Web环境中处理Ajax跨域访问。 一、理解同源策略 同源策略是浏览器为了保护用户安全而实施的一项安全机制,它禁止了一个源(domain)的文档或脚本获取或操作另一个源的资源。这意味着...
AJAX跨域问题的出现是由于浏览器的安全机制,旨在防止恶意网站通过脚本访问其他网站的数据,保护用户隐私。但是,在某些场景下,比如前后端分离的应用、API接口调用等,跨域请求是必要的。针对这一需求,有多种解决...
**jQuery实现Ajax跨域访问** 在Web开发中,由于同源策略的限制,JavaScript通常只能对同一域名下的资源进行操作。然而,有时我们需要从不同源获取数据,这就是跨域访问的需求。jQuery通过Ajax提供了跨域请求的能力...
jQuery作为流行的JavaScript库,提供了一些机制来处理跨域访问。 JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`<script>`标签没有同源策略限制...
综上所述,JQuery Ajax跨域访问的解决方案,尤其是使用动态脚本方法,为开发者提供了一种便捷的跨域数据访问手段。但开发者应权衡不同方法的优缺点,以及在具体项目中的适用性,来选择最合适的实现方式。
本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...
解决ie8、9Ajax跨域问题(前端):jsp引入此js,Jquery Ajax正常写
在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许我们绕过这个限制,实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...
在这里,我们将探讨如何利用jQuery Mobile和Ajax实现跨域请求。 首先,理解什么是跨域请求。由于浏览器的安全策略,JavaScript通常被限制在同源策略之下,即只能访问与当前页面相同协议、域名和端口的资源。但有时...
ajax跨域问题是指在使用ajax技术时遇到的跨域限制问题,即ajax请求不能跨域访问其他域的服务器资源。这种限制是由于浏览器的同源策略所引起的,同源策略规定一个域下的脚本只能访问该域下的资源,而不能访问其他域下...
这是一份非常有用的Jquery跨域访问实例,里面提供了3种方法,前台后台都有涉及,希望对你们会有所帮助
CORS(Cross-Origin Resource Sharing)是现代浏览器支持的跨域访问方式,jQuery AJAX通过设置请求头来实现。需要服务器端配合设置响应头,允许特定的跨域请求。 综上所述,jQuery AJAX简化了JavaScript中的异步...
本示例“demo跨域ajax_DEMO_ajax跨域”着重解决C#后端与JavaScript前端之间的跨域限制。这里我们将深入探讨什么是跨域、为何会产生跨域问题以及如何通过C#和Ajax实现跨域通信。 首先,我们需要了解什么是跨域。根据...
实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应,怎么回事?代码没怎么改动,唯一修改的地方就是jQuery的ajax方法中的url地址。难道...
本文将通过一个具体的示例来介绍如何解决AJAX跨域访问问题,并探讨相关的实现原理和技术细节。 #### 二、理解同源策略与跨域问题 1. **同源策略**:为了保护用户隐私以及防止恶意脚本攻击,浏览器实施了同源策略。...
### JSONP实现Ajax跨域访问 #### 一、引言 JSONP(JSON with Padding)是一种用于解决跨域数据访问的技术。由于同源策略(Same-Origin Policy)的存在,JavaScript/Ajax只能请求同源的资源,这给需要跨域访问数据...
1. **CORS(Cross-Origin Resource Sharing)跨域资源共享**:服务器端设置响应头`Access-Control-Allow-Origin`,指定允许跨域访问的源。例如,设置为`*`表示允许所有来源,或者指定特定域名。同时,还可以通过其他...