Question

我可以在jsfiddle中模拟ajax响应吗？ http://doc.jsfiddle.net/use/echo.html描述了使用new Request.HTML，但是，它似乎仅适用于Mootools，并且在将其与jQuery（ReferenceError: Request is not defined）一起使用时出现错误。例如，在我的下面的示例中，我想在单击“开始”时提醒“返回的数据”。

<button id="start">start</button>

/*
new Request.HTML({
    url: '/echo/html/',
    data: {
        html: "returned data",
        delay: 3
    },
    method: 'get',
    update: 'target'
}).send();
*/

$('#start').click(function () {
    $.get("/echo/html/", function (data) {
        alert(data);
    });
})

http://jsfiddle.net/naaarcnk/

Answer 1

示例jsfiddle给出了使用mootools，但是，你可以用任何语言做同样的请求，你只需要模仿它的方法和数据。

new Request.HTML({
    url: '/echo/html/', // the target url
    data: {  // the data to send (next 3 lines too)
        html: "returned data",
        delay: 3
    },
    method: 'get', // the method to use
    update: 'target' // target html element to update
}).send();

jQuery方式：

$('target').load('/echo/html/', {html: 'returned data', delay: 3});

或

$.post('/echo/html', {html: 'returned data', delay: 3}, function (result) {
    console.log(result);
});

使用jsfiddle和jQuery模拟ajax响应

1 个答案: