来自 URL 的 Javascript

Question

假设我需要垂直移动一个图像，我用这样的代码来做

document.getElementById('ImgID1').style.verticalAlign = 

但是，我需要移动图像的量来自一个 URL（我在下面给出 URL，如果你想看的话），这样如果我将 URL 的内容作为 javascript 执行，结果是"-8px" 这是我想要的吗？但是我到底是如何做到这一点的呢？我怎么说verticalAlign={grab the url, execute as JS, take the return value}。

网址是http://latex.codecogs.com/gif.json?\inline%20\mathbb{R}

示例响应：

ParseEqn({ "latex": { "type":"gif", "equation":"\\mathbb{R}", "site":"stackoverflow.com", "file":"f3ed131812d10a06a9349ab2b42e3ed4.gif", "url":"http://www.codecogs.com/eq/f3/f3ed131812d10a06a9349ab2b42e3ed4.gif", "width":"12", "height":"12", "baseline":"1" } });

非常感谢！

山姆

Answer 1

您可以使用 AJAX 来获取文件 JSON，在您的情况下：

$.getJSON('gif.json', function(data) {

我认为，当您输入网址时，该功能不会用于下载和工作。

var im = document.createElement("IMG")

document.body.appendChild(s); $.getJSON('http://latex.codecogs.com/gif.json?\inline%20\mathbb{R}', 函数(数据) { var items = [];

      $.each(data, function(key, val) {
        if(key=="url")
        im.src=value;
        else if (key="width")
        im.style.width=value;
        else if (key="heigth")
        im.style.heigth=value;
              });
    document.getElementById("yourdive's case").appendChild(im);
    });

我认为你正在寻找这个

Answer 2

查看小提琴以从服务器获取响应。打开控制台进行验证。

FIDDLE : JQUERY方式

window.ParseEqn = function(data) {
alert(data.latex.type);
}

$.ajax({
    url: 'http://latex.codecogs.com/gif.json?%5Cinline%20%5Cmathbb%7BR%7D',
    crossDomain: true,

    contentType: "application/json; charset=utf-8",
    dataType: 'jsonp',
    headers: {"Access-Control-Allow-Origin": '*'
             },  
})

JAVASCRIPT方式：Blue skies提出的解决方案

window.ParseEqn = function(data) {
    alert(data.latex.width);
}

var s = document.createElement("script")
s.src = "http://latex.codecogs.com/gif.json?%5Cinline%20%5Cmathbb%7BR%7D";
s.onload = function() {
    document.body.removeChild(s);
};
document.body.appendChild(s);