vvakame/sample.html

## sample.html
<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://sinonjs.org/releases/sinon-1.4.2.js"></script>
<script type="text/javascript" src="test.js"></script>
<body>
sample
</body>
<html>


## test.js
$(function () {
    var server = sinon.fakeServer.create();
    // GETだとパラメータが後に付くので正規表現使わないと無理
    server.respondWith("GET", /http:\/\/api.atnd.org\/events\/.*/,
        [
            200,
            {"Content-Type":"application/json"},
            JSON.stringify([{"id":12, "comment":"Hey there"}])
        ]
    );

    fetch();

    server.respond();

    server.restore();
});

function fetch() {
    $.ajax({
        url:'http://api.atnd.org/events/',
        data:{
            "keyword_or":"android",
            "format":"json"
        },
        success:function (data, textStatus, XMLHttpRequest) {
            console.log(data);
            alert(data[0].comment);
        },
        error:function (req, status, error) {
            alert('error: ' + status);
        }
    });
}
	<html>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="http://sinonjs.org/releases/sinon-1.4.2.js"></script>
	<script type="text/javascript" src="test.js"></script>
	<body>
	sample
	</body>
	<html>
	$(function () {
	var server = sinon.fakeServer.create();
	// GETだとパラメータが後に付くので正規表現使わないと無理
	server.respondWith("GET", /http:\/\/api.atnd.org\/events\/.*/,
	[
	200,
	{"Content-Type":"application/json"},
	JSON.stringify([{"id":12, "comment":"Hey there"}])
	]
	);

	fetch();

	server.respond();

	server.restore();
	});

	function fetch() {
	$.ajax({
	url:'http://api.atnd.org/events/',
	data:{
	"keyword_or":"android",
	"format":"json"
	},
	success:function (data, textStatus, XMLHttpRequest) {
	console.log(data);
	alert(data[0].comment);
	},
	error:function (req, status, error) {
	alert('error: ' + status);
	}
	});
	}