fiddle解决ajax,jsFiddle中的AJAX

我通过在jsFiddle中创建一个Fiddle来解决这个问题,仅用于测试Ajax负载.这是一个非常简单的HTML,带有图像和一些副本 – 你可以在这里看到它：

This post will help you get to know the iOS SDK a little better. It leads you through some choreographed steps of iOS app development,even if you have little or no programming knowledge. It covers some key principles and applies these directly to something useful and relevant: the creation of a simple but functioning portfolio app for the iPhone.

body {

font-family: Arial;

color: #333333;

line-height: 1.4em;

}

img {

margin: 0 0 1em 1em;

padding: 1em;

background: #ffffff;

border: 1px solid #eaeaea;

display: inline-block;

float: right;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

border-radius: 8px;

}

.container {

background: #fafafa;

padding: 1em;

}

如果您使用Firebug单击“结果”框架,则可以获取iframe的源URL.当您将此源URL复制到包含Ajax请求的Fiddle时,它将起作用,因为它现在位于同一个域中.这是一个演示：

basic load

body {

font-family: Arial;

}

.excontainer {

padding: 1em;

}

label {

display: block;

width: 100%;

}

p {

padding: .5em;

}

a,a:visited {

color: #2d9afd;

}

.changed {

color: #ff0099;

}

.highlight {

background: #faffda;

}

.entered {

color: #f5560a;

}

.green {

color: #7fbf38;

}

.hellomouse,.clickable,#foo,#event {

cursor: pointer;

}

button {

margin-bottom: 1em;

}

div {

margin: 1em 0;

}

#foo {

display: inline-block;

}

ul {

margin: 1em 0;

}

.form,form,.stuff,.morestuff,stuff3 {

margin: 1em 0;

padding: 1em;

background: #ececec;

}

input {

font-size: 1.1em;

padding: 2px;

}

.placeholder {

color: #ff0099;

font-weight: normal;

}

::-webkit-input-placeholder {

color: #cccccc;

}

:-moz-placeholder {

color: #cccccc;

}

:-ms-input-placeholder {

color: #cccccc;

}

:focus::-webkit-input-placeholder {

color:transparent;

}

.content {

margin-top: 5px;

padding: 1em;

background: #eeeeee;

}

// learn jquery ajax

// http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

// no need to specify document ready

$(function(){

// don't cache ajax or content won't be fresh

$.ajaxSetup ({

cache: false

});

var ajax_load = "";

// load() functions

var loadUrl = "http://fiddle.jshell.net/deborah/pkmvD/show/";

$("#loadbasic").click(function(){

$("#result").html(ajax_load).load(loadUrl);

});

// end

});