Search jQuery

jQuery Forum

Using jQuery

pallavi18..

Hi. Please let me know where i am going wrong

in Using jQuery • 10 years ago

on click of a button i want to change the background color:

$(document).ready(function(){

$.ajax({

type:'GET',

url:'blue.json',

dataType:'json',

success:function(){

$("button").click(function(){

result = $("body").css("background-color",data.color);

return result;

});

}

});

this script is not working

Replies(10)

jakecigar

Re: Hi. Please let me know where i am going wrong

10 years ago

$(document).ready(function () {
$.ajax({
type: 'GET',
url: 'blue.json',
dataType: 'json',
success: function () {
$("button").click(function () {
$("body").css("background-color", data.color);
return false;
});
}
});
});

assumes blue.json is proper json, and a button exists.

JΛ̊KE

pallavi18..

Re: Hi. Please let me know where i am going wrong

10 years ago

Thanks for replying. But nothing is happening on my click. In response though i am getting the json.

jakecigar

Re: Hi. Please let me know where i am going wrong

10 years ago

Success should have a parameter defined. I missed that!

$(document).ready(function () {
$.ajax({
type: 'GET',
url: 'blue.json',
dataType: 'json',
success: function (data) {
$("button").click(function () {
$("body").css("background-color", data.color);
return false;
});
}
});
});

JΛ̊KE

pallavi18..

Re: Hi. Please let me know where i am going wrong

10 years ago

still not able to solve.Not getting any error also.

this is my htmland json:

HTML:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<button id="green" value="GREEN">GREEN</button>

</body>

</html>

JSON:

{

"color":'blue'

}

jakecigar

Re: Hi. Please let me know where i am going wrong

10 years ago

Do you have 1 JSON ? So, no matter which button they press , the background goes blue???

My working demo is:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: 'GET',
url: 'blue.json',
dataType: 'json',
success: function (data) {
$("button").click(function () {
$("body").css("background-color", data.color);
return false;
});
}
});
});
</script>
</head>
<body>
body
<button>click me</button>
</body>
</html>