用ajax怎么解决跨域的问题?

2025-04-02 18:31:16
推荐回答(2个)
回答1:

解决的办法,有如下几种:

1. 使用中间层过渡的方式(可以理解为“代理”):

        中间过渡,很明显,就是在AJAX与不同域的服务器进行通讯的中间加一层过渡,这一层过渡可以是PHP、JSP、c++等任何具备网络通讯功能的语言,由中间层向不同域的服务器进行读取数据的操作。拿asp.net做一个例子,如果需要对不同域的某一个asp.net进行通讯,现在客户端的xmlhttprequest先query本域的一个asp.net ,然后由本域的这个asp.net去和不同域的asp.net进行通讯,然后由本域的asp.net响应输出(response)

2. 使用<script>标签

这个方法是利用<script>标签中的src来query一个aspx获得response,因为<script>标签的src属性不存在跨域的问题。




    Ajax跨域问题
    
    
    
        function get(url) {
            var obj = document.getElementById("getAspx");
            obj.src = url;
            (obj.readStatus == 200)
            {
                alert(responseVal);//如果成功,会弹出Dylan
            }
        }
        function query() {
            get(getDemo.aspx);
        }
    




getDemo.aspx后台代码:




using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace LearnJS
{
    public partial class getDemo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Response.Write("var responseVal='Dylan'");
        }
    }
}

这个方法又叫做ajaj或者ajax without xmlHttprequest,把x换成了j,是因为使用了<script>标签而没有用到xml和xmlHttprequest的缘故。

有了jQuery之后,如何来解决ajax的跨域问题:



JQuery学习


$(document).ready(function(){
    var oBtnTest = $("#btnTest");
    oBtnTest.click(function(){
        oBtnTest.disabled = true;    
        var oResult = $("#result");
        oResult.html("loading").css("color","red");
        jQuery.getScript("http://www.jb51.net/test/js.txt", 
        function(){            
            oResult.html("name:" + Dylan.name + "
email:" + Dylan.email).css("color","black");            
            oBtnTest.disabled = false;            
        });         
    });    
});    



BtnTest


远程服务器端js.txt中的内容为:
var Dylan= {name:"Dylan",email:Dylan@163.com}

回答2:

一般是用jsonp,原理很简单,比如在A域名请求B域名:
1.在A域名的页面中使用script标签src写成B域名中服务器的URL
script标签是可以跨域的,比如调用GoogleMap或GoogleAnalytics时引入的js就是google域名下的。
2.后端程序在最后需要把一段js代码的字符串print出来,这样就可以运行A域名js中写好的callback方法,将要返回的数据放入参数就可以了。

相关问答