0 0

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
  • 大小: 4.1 KB

6个答案 按时间排序 按投票排序

0 0

采纳的答案

url: "http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct",   这个地址也应该改成域名的形式。如果就是这样的,请考虑加jsoncallback=?
http://www.camnpr.com/archives/426.html

2012年12月10日 12:33
0 0

跨域访问不能用json要用jsonp。自己搜索一下"jQuery jsonp"

2012年12月10日 16:25
0 0

这个东东。看看。

2012年12月10日 16:02
0 0

ajax不支持post跨域请求,get是可以的,前面有人已经说了,jsonp的方式可以跨域,你可以参考一下,此种方式也支持数据回传

2012年12月10日 14:07
0 0

再次补充一下哈。这里有一个关于jsonp跨域的介绍,也是JQUERY的。例子比较全。可以看看哈。http://developer.51cto.com/art/201105/264791.htm

2012年12月10日 13:58
0 0

jquery是可以解决跨域问题的吧。不过好像请求的参数类型不太可能是这样哦。不过jsonp倒是支持跨域的。记得和前面那个哥们儿一样考虑加入jsonpcallback,可以试试。

2012年12月10日 13:54

相关推荐

    Jquery跨域Ajax请求测试

    jQuery,作为一个强大的JavaScript库,提供了便捷的方式来处理这种问题,特别是通过其Ajax功能进行跨域请求。本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域...

    jquery ajax跨域html前台 php后台

    本示例主要展示了如何使用jQuery的Ajax功能解决HTML与PHP之间的跨域问题,结合JSON进行数据交换。让我们详细了解一下这个过程。 首先,我们要理解什么是跨域。在浏览器的安全策略中,由于同源策略的限制,一个域名...

    Ajax跨域访问(ASP.NET Web)

    本教程将重点讲解如何在ASP.NET Web环境中处理Ajax跨域访问。 一、理解同源策略 同源策略是浏览器为了保护用户安全而实施的一项安全机制,它禁止了一个源(domain)的文档或脚本获取或操作另一个源的资源。这意味着...

    ajax跨域解决办法

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

    JQury实现Ajax跨域访问

    **jQuery实现Ajax跨域访问** 在Web开发中,由于同源策略的限制,JavaScript通常只能对同一域名下的资源进行操作。然而,有时我们需要从不同源获取数据,这就是跨域访问的需求。jQuery通过Ajax提供了跨域请求的能力...

    JQuery跨域访问解决方案

    jQuery作为流行的JavaScript库,提供了一些机制来处理跨域访问。 JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`&lt;script&gt;`标签没有同源策略限制...

    JQuery Ajax 跨域访问的解决方案

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

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

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

    IE8、IE9 Ajax 跨域解决办法

    解决ie8、9Ajax跨域问题(前端):jsp引入此js,Jquery Ajax正常写

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

    在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许我们绕过这个限制,实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...

    juery mobile使用ajax跨域请求服务器的小实例

    在这里,我们将探讨如何利用jQuery Mobile和Ajax实现跨域请求。 首先,理解什么是跨域请求。由于浏览器的安全策略,JavaScript通常被限制在同源策略之下,即只能访问与当前页面相同协议、域名和端口的资源。但有时...

    ajax跨域问题的解决办法

    ajax跨域问题是指在使用ajax技术时遇到的跨域限制问题,即ajax请求不能跨域访问其他域的服务器资源。这种限制是由于浏览器的同源策略所引起的,同源策略规定一个域下的脚本只能访问该域下的资源,而不能访问其他域下...

    Jquery 跨域访问 具体实例

    这是一份非常有用的Jquery跨域访问实例,里面提供了3种方法,前台后台都有涉及,希望对你们会有所帮助

    jqueryajax jquery ajax

    CORS(Cross-Origin Resource Sharing)是现代浏览器支持的跨域访问方式,jQuery AJAX通过设置请求头来实现。需要服务器端配合设置响应头,允许特定的跨域请求。 综上所述,jQuery AJAX简化了JavaScript中的异步...

    demo跨域ajax_DEMO_ajax跨域_

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

    JSONP跨域GET请求解决Ajax跨域访问问题

    实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应,怎么回事?代码没怎么改动,唯一修改的地方就是jQuery的ajax方法中的url地址。难道...

    ajax跨域访问

    本文将通过一个具体的示例来介绍如何解决AJAX跨域访问问题,并探讨相关的实现原理和技术细节。 #### 二、理解同源策略与跨域问题 1. **同源策略**:为了保护用户隐私以及防止恶意脚本攻击,浏览器实施了同源策略。...

    JSONP实现Ajax跨域访问

    ### JSONP实现Ajax跨域访问 #### 一、引言 JSONP(JSON with Padding)是一种用于解决跨域数据访问的技术。由于同源策略(Same-Origin Policy)的存在,JavaScript/Ajax只能请求同源的资源,这给需要跨域访问数据...

    Ajax跨域详解与代码

    1. **CORS(Cross-Origin Resource Sharing)跨域资源共享**:服务器端设置响应头`Access-Control-Allow-Origin`,指定允许跨域访问的源。例如,设置为`*`表示允许所有来源,或者指定特定域名。同时,还可以通过其他...

Global site tag (gtag.js) - Google Analytics