Javascript 用户脚本,使用ajax获取数据并获取内容

Javascript 用户脚本,使用ajax获取数据并获取内容,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我正在为一个网站做一个用户脚本。它的一些文章包含图像,当你点击它们时,它会在另一个页面中打开,我觉得这很无聊,也很浪费时间,所以我决定制作一个用户脚本,它不会在另一个页面中打开图像,而是在同一个页面上打开,但会像今天大多数网站一样弹出。我使用的是放大弹出窗口。这是到目前为止我的代码 var link = ''; var link2 = ''; $("head").append('<link rel="stylesheet" href = "https://49535f300cc62ae8

我正在为一个网站做一个用户脚本。它的一些文章包含图像,当你点击它们时,它会在另一个页面中打开,我觉得这很无聊,也很浪费时间,所以我决定制作一个用户脚本,它不会在另一个页面中打开图像,而是在同一个页面上打开,但会像今天大多数网站一样弹出。我使用的是放大弹出窗口。这是到目前为止我的代码

var link = '';
var link2 = '';

$("head").append('<link rel="stylesheet" href = "https://49535f300cc62ae84be0bc4341ad834057099639.googledrive.com/host/0B7xSofmydrHqMU9pRDJXTEtpQWc">');

 $(document).ready(function() {
     $('section[class="article"]').find("#intelliTXT").find('a').each(function(){ 

         link2 =  "http://www.gamergen.com"+ $(this).attr('href');
         $.ajax({
             url: link2,
             success: function (data){link = $(data).find('.big').find('img').attr('src');},
             error : function(){alert(link2)}
         });
         $(this).magnificPopup({
              items: {
                  src: link
              },
             type: 'image',
             closeOnContentClick: true,
             mainClass: 'mfp-img-mobile',
             image: {
                 verticalFit: true
             }
         });   
     });
 });   
var-link='';
var link2='';
$(“标题”)。附加(“”);
$(文档).ready(函数(){
$('section[class=“article”]”).find(#intelliTXT”).find('a').each(function(){
链接2=”http://www.gamergen.com“+$(this.attr('href');
$.ajax({
网址:link2,
成功:函数(数据){link=$(数据).find('.big').find('img').attr('src');},
错误:函数(){alert(link2)}
});
$(此).magnificPopup({
项目:{
链接
},
键入:“图像”,
closeOnContentClick:正确,
mainClass:'mfp img mobile',
图片:{
垂直配合:正确
}
});   
});
});   
弹出部分正在工作,当我点击它而不是跟随链接时,它会在弹出窗口中打开一个图像。问题是,实际链接不是图像本身,而是我们重定向到图像所在位置的网页

此:/image/mort-satoru-iwata-images-captures-splaton-memorial-condoleance-5-811402-264278是主页上图像的链接,当我们单击它时,我们会重定向到另一个网页,在那里我们可以找到图像的实际url:(所有内容都在同一个域中,图像位于子域中。虽然我不使用ajax访问它,但我只想复制该链接并在弹出窗口的主页上通过它)

以下是它的html:

<a href="/image/mort-satoru-iwata-images-captures-splatoon-memorial-condoleance-11-811408-264278" title="Mort Satoru Iwata images captures splatoon memorial condoleance (11)" class="zoomLink"><img src="http://global-img.gamergen.com/mort-satoru-iwata-images-captures-splatoon-memorial-condoleance-11_00CE009200811408.jpg" alt="Mort Satoru Iwata images captures splatoon memorial condoleance (11)" width="206" height="146"></a>

(中的图像是缩略图)

因此,我尝试使用Ajax,并从正确的图像url所在的网页获取url

只是我的ajax查询有一个问题,它总是转到错误函数。所以我尝试发出警报,检查url是否是好的。我遇到两个问题,我的url总是相同的,第二个问题是url是好的,但它无论如何都不会进入成功函数

我对javascript有点陌生。不应该。每个都做每个元素,因为我做了。查找('a')。每个?我的ajax查询有什么问题


谢谢您

关于ajax,ajax的使用仅限于当前域。您不能执行从
abc.com
def.com
的请求(除非启用了CORS)@EntityBlack with userscript您可以在多个域上运行脚本,这些域绕过CORS+这可能是同一个域。那么您的ajax返回了什么错误?或者firebug/dev控制台中的网络中写入了什么?@EntityBlack如何检查错误?我只发出了一个警报来检查url是什么,url是否正确无论ajax中的修改错误函数是什么,它都会转到错误函数:
$.ajax({…错误:函数(请求、状态、错误){console.log(请求);console.log(错误);},},})
然后阅读控制台上的消息,并尝试找出我们的问题所在。ajax的使用仅限于当前域。您无法执行从
abc.com
def.com
的请求(除非启用了CORS)@EntityBlack with userscript您可以在多个域上运行脚本,这些域绕过CORS+这可能是同一个域。那么您的ajax返回了什么错误?或者firebug/dev控制台中的网络中写入了什么?@EntityBlack如何检查错误?我只发出了一个警报来检查url是什么,url是否正确无论ajax中的修改错误函数是什么,它都会转到错误函数:
$.ajax({…错误:函数(请求,状态,错误){console.log(请求);console.log(错误);},},});
然后从控制台读取消息并尝试找出我们的问题中的错误