How to make jQuery JSON request and use response data to change html element values?

Question

I'm not good at JQuery at all, in fact this is my first encounter due to Shopify. In other words I'm completely lost.

This is what I was able to do so far.

function FindPlayer()
{

    var playerid = $('input[id=playerId]').val();
    var clubname = $('input[id=teamname]').val();


    $("#searchBar").attr('data-user-input', value);
    $.ajax({
        url: "http://website.com/index.php?player=" + playerid + "&club=" + clubname,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            response(data);
        }
    });

}

The json response is going to look like this:

  [{"playerFound":"true","tradeid":"123456"}]

I want to then check if playerFound is true or false before setting this element:

  <input id="tradeId" type="hidden" name="attributes[tradeid]" />

This is probably pretty basic for JQuery users but not for me any help would be appericiated.

Kartikeya Khosla · Accepted Answer · 2014-12-05 10:53:02Z

1

Try This:-

$.ajax({
    url: "http://website.com/index.php?player=" + playerid + "&club=" + clubname,
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        if(data[0].playerFound == "true")
        {
           $('#tradeId').val(data[0].tradeid);
        }
    }
 });

answered Dec 5, 2014 at 10:53

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Corona Over a year ago

JQuery is such a confusing language but from what I can see it's very efficient.

ssilas777 · Accepted Answer · 2014-12-05 10:54:59Z

0

Since content type is JSON you can simply use like this

   success: function (data) {               
            if(data.playerFound == "true"){
                $('#tradeId').attr('name',data.tradeid) // if you want to change name
                $('#tradeId').val(data.tradeid)// if you want to change value
            }          
   }

answered Dec 5, 2014 at 10:54

ssilas777

9,7704 gold badges48 silver badges70 bronze badges

Collectives™ on Stack Overflow

How to make jQuery JSON request and use response data to change html element values?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related