How to compare jQuery variable with json data received from we service

Question

0.00/5 (No votes)

See more:

I have the following url:

http://localhost/arDemo/assets/www/UI/ProjectList/ProjectList.html?id=1
I am getting the value 1 from the url with this code:
var str = jQuery(location).attr('href');
var url = str.split("=")[1];

I have the following Json data:</pre>

{"status":"1","error":"0","data":[{"project_id":"1","project_name":"Hoysala ACE Phase II","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/2BHK.wt3","project_ar_type":"Apartment","project_ar_title":"Exterior"},{"project_id":"2","project_name":"WILASA Aikya","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/table.wt3","project_ar_type":"Plots","project_ar_title":"Exterior"},{"project_id":"3","project_name":"Bluejay Ardley","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/villa.wt3","project_ar_type":"Villa","project_ar_title":"Interior"},{"project_id":"4","project_name":"Hoysala Habitat","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/seater_sofa.wt3","project_ar_type":"Apartment","project_ar_title":"360 Model"},{"project_id":"5","project_name":"AVS","project_ar_url":"www.myfourwalls.in\/projects_data\/villa\/bedroom.wt3","project_ar_type":"Villa","project_ar_title":"Exterior"}]}

I want my variable to compare with project_id. If it match, it should get all the details under project_id.
something like if(project_id=$url)

XML

<script type="text/javascript">
        jQuery(document).ready(function () {
            var str = jQuery(location).attr('href');
            var url = str.split("=")[1];
            alert(url);

            var url = "http://myfourwalls.in/services/projects.php?method=get_ar_project&data=";
            jQuery.ajax({
                url: url,
                dataType: 'json',
                success: function (data, textStatus, jqxhr) {
                    CreateProperties(data);
                },
                error: function (jqxhr, textStatus, errorMessage) {
                    console.log(argument);
                }
            });


            jQuery('#content').click(function () {

                Android.NavigateToProjectOverview();
            });

            function CreateProperties(jsonData) {
                for (var i = 0; i < jsonData.data.length; i++) {

                    var designString = '<div> <a id="' + jsonData.data[i].project_id + '">' +
                            '<h3>' + jsonData.data[i].project_name + '</h3>' +
                            '<p>' + jsonData.data[i].project_ar_url + '</p>' +
                            '<p>' + jsonData.data[i].project_ar_type + '</p>' +
                            '<p>' + jsonData.data[i].project_ar_title + '</p>' +
                            '</a></div>';

                    jQuery('#content').append(designString)
                }
                alert(jsonData.data[i].project_id === url);
            }
        });
    </script>

Posted 19-Feb-15 21:46pm

Janardhanam Julapalli

Updated 19-Feb-15 23:05pm

v2

Add a Solution

4 solutions

Solution 1

C#

$(document).ready(function () {
           var obj = ....your string....;

            $(obj.data).each(function () {
                var CurrentProjId = $(this)[0].project_id;
                if (CurrentProjId = WhateverYourConditionIs) {
                    //$(this)[0] is the data you want
                }
            });
});

Regards..

Posted 19-Feb-15 23:03pm

Thanks7872

Comments

Janardhanam Julapalli 20-Feb-15 5:13am

please have a look at the question.I have updated it just now!

Thanks7872 20-Feb-15 5:56am

Why? This solution gives what you want. I have give you whole code. You just need to use it in your code. What is the issue? I have checked it and its working totally fine for me.

Janardhanam Julapalli 20-Feb-15 6:12am

function CreateProperties(jsonData) {
var items = jsonData.data;

jQuery(items.data).each(function () {
var CurrentProjId = jQuery(this)[0].project_id;
if (CurrentProjId = url) {
//$(this)[0] is the data you want
var project_name=items[i].project_name;
console.log(project_name);
}
});

Janardhanam Julapalli 20-Feb-15 6:12am

am I doing it right?

Thanks7872 20-Feb-15 6:24am

What is 'i' in items[i]? There may be an error. Use debugger.

Solution 2

C#

using jQuery:

var items = jsonData.data;
 for(var i=0; i<items.length; i++){
 var id=items[i].project_id;
if(id=url)
{

var project_name=items[i].project_name;


}

}

Posted 19-Feb-15 23:06pm

mgl chandra sekhar

Updated 25-Feb-15 0:04am

v4

Comments

Janardhanam Julapalli 20-Feb-15 5:25am

@mgl chandra sekhar -- if(id==url)
{

var project_name=items[i].project_name;

console.log(project_name);

break;
}
this part is being skipped. I noticed in console.

mgl chandra sekhar 25-Feb-15 6:04am

instead if(id==url) use if(id=url)

Solution 4

XML

<script type="text/javascript">
        jQuery(document).ready(function () {
            var str = jQuery(location).attr('href');
            var url_ProjectId = str.split("=")[1];

            var url = "http://myfourwalls.in/services/projects.php?method=get_ar_project&data=";
            jQuery.ajax({
                url: url,
                dataType: 'json',
                success: function (data, textStatus, jqxhr) {
                    CreateProperties(data);
                },
                error: function (jqxhr, textStatus, errorMessage) {
                    console.log(argument);
                }
            });


            jQuery('#content').click(function () {

                Android.NavigateToProjectOverview();
            });

            function CreateProperties(jsonData) {
               for (var i = 0; i < jsonData.data.length; i++) {
               var id=jsonData.data[i].project_id;

                   if(id==url_ProjectId)
                   {
                       var designString = '<div class="project_info"><a id="' + jsonData.data[i].project_id + '">' +
                            '<h3>' + jsonData.data[i].project_name + '</h3>' +
                            '<p>' + jsonData.data[i].project_ar_type + '</p>' +
                            '<a href="'+jsonData.data[i].project_ar_url+'">' + jsonData.data[i].project_ar_title + '</p>' +
                            '</a></div>';
                            jQuery('#content').append(designString);
                   }
                   else
                   {
                        console.log('error');
                    }

                }
            }
        });
    </script>

Posted 20-Feb-15 19:44pm

Janardhanam Julapalli

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2015-02-20T01:15:00

The problem which I can see is in the below code.

JavaScript

var str = jQuery(location).attr('href');
var url = str.split("=")[1];
alert(url);

var url = "http://myfourwalls.in/services/projects.php?method=get_ar_project&data=";

If you closely see the underlined parts, you will notice that both the variables are same.

So, what happens is, the url variable will take the last value. That means, you don't have that project id value anymore.

Rename the variable to resolve this.