jsfiddle - 简单的Ajax请求

时间:2013-05-04 09:46:04

标签: jquery

我只是jquery的初学者,我试图调用简单的请求。这是一个jsfiddle:

http://jsfiddle.net/xVrNL/

我正在使用此代码:

HTML:
<button>Click me</button>

jQuery:
$("button").click(function() {
    $.ajax({
        url: "http://jsfiddle.net/echo/html/",
        success: function(result) {
            alert("Data: " + result);
        }
    });
});

但它不起作用。阅读文档对我没有帮助。有人可以建议解决方案吗?

非常感谢

........

3 个答案:

答案 0 :(得分:3)

这些是您遇到问题的原因:

  1. 您必须引用jsfiddle
  2. 的jQuery库引用
  3. 你不能使用绝对网址来获取ajax请求。有关更多信息,请参阅以下答案。
  4. $.ajax call working fine in IE8 and Doesn't work in firefox and chrome browsers

答案 1 :(得分:1)

您需要导入最新的jQuery库。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

http://jsfiddle.net/xVrNL/2/。看到此链接,它现在正在运作

答案 2 :(得分:0)

  1. 从左侧边栏设置jquery
  2. 从“url”
  3. 中删除域名

    示例jsfiddle.net/xVrNL/3 /

    (对不起,这不是一个链接,但我不断收到一条消息,说它必须用代码包装,即使它是......)

    结果:enter image description here