Question

这是参考http://jsfiddle.net/DLy6j/

     var echoHTML = '<img src="URL-TO-MY-IMAGE.JPG"/>';

        $.ajax({
            type: 'post',
            url: '/echo/html/',
            data: {
                html: echoHTML,
                delay: 2
            },
            beforeSend: function () {
                $('#slider0-4').html('Loading...');
            },
            success: function (markup) {
                $('#slider0-4').html(markup);
                $('#slider0-4 img').on('load', function () {
                    //$(this).after('<div>Image loaded</div>');
                    alert('Loaded');
                });
            }
        });

（jQuery wait till AJAX page is fully loaded）。

这是我第一次尝试使用$ .ajax

我无法加载我的图像。我已经将echoHTML更改为我服务器上的image-URL，并尝试在那里上传我的html 认为它可能无法脱机工作，但无济于事。

我猜这里有些错误“ url：'/ echo / html /'，”。我尝试在上面的JSFiddle中使用我的图像，它加载得很好。

有人告诉我这样做的正确方法吗？

Answer 1

我认为你被这个例子误解了。

当url＆＃39; / echo / html＆＃39;正在传入，它正在向该URL发送请求，该URL处理您传递的数据，然后将某些内容传递回成功函数。 jsFiddle允许你模拟ajax请求，因为它们有一个构建了这些页面的Echo API ..但是当你调用它时，它试图调用http://www.bilalbinsaeed.com/echo/html/，它不存在..这就是抛出错误，表示成功功能无法正常运行。

您需要创建另一个处理ajax请求的文件。我建议对AJAX是什么以及它是如何工作进行更多的研究。

Answer 2

它为我加载图像。有点不清楚你在问什么，但似乎你正忙着把它从JSFiddle加载到你的网站。不要试图这样做。如果不更改站点上的标题，跨源资源共享将无法在JSFiddle上运行。

我第一次尝试使用AJAX - Stuck

2 个答案: