Retrieve json value php and jquery ajax

Question

I use jQuery Ajax with php,I get value in json encode in php file but I cant decode in result

<script>
    jQuery(document).ready(function() {
        jQuery(".upload").click(function(e) {
            e.preventDefault();
            var data = {};
            jQuery(".ajax_elements").each(function(_, elem) {
                data[this.id] = this.value;
            });
            jQuery.ajax({
                type: "POST",
                url: "map.php",
                data: data,
                cache: false
            }).done(function(result) {
                alert(result);
            });
        });
    });
</script>

PHP code

 echo json_encode(array('URL'=>'http://test.com'));

here I get {URL:http://test.com} in alert but how to get value of this URL?

I tried jQuery.parseJSON(result); but it shows error in console

Your code missing dataType: "json"

Sibiraj PR
– Sibiraj PR

2014-01-06 15:37:17 +00:00
Commented Jan 6, 2014 at 15:37 — Sibiraj PR
– Sibiraj PR, Commented Jan 6, 2014 at 15:37

Pranav C Balan · Accepted Answer · 2014-01-06 15:40:49Z

2

Try this,

jQuery(document).ready(function() {
    jQuery(".upload").click(function(e) {
        e.preventDefault();
        var data = {};
        jQuery(".ajax_elements").each(function(_, elem) {
            data[this.id] = this.value;
        });
        jQuery.ajax({
            type: "POST",
            url: "map.php",
            data: data,
            cache: false,
            dataType: "json" // add this line in your code
        }).done(function(result) {
            alert(result.URL);
        });
    });
});

Set dataType:"json" for URL alert result.URL in your Ajax success function .

edited Jan 6, 2014 at 15:40

answered Jan 6, 2014 at 15:34

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

Comments

Leonardo · Accepted Answer · 2014-01-06 15:32:35Z

0

You parse it like this:

alert(result.URL);

answered Jan 6, 2014 at 15:32

Leonardo

7364 silver badges11 bronze badges

Comments

Sol · Accepted Answer · 2014-01-06 15:34:08Z

0

TO build on what @Leonardo answered above. When you pass to jquery the json_encoded variable it is already interpreted as an OBJECT on your javascript code. So you just reference it as such.

answered Jan 6, 2014 at 15:34

Sol

8911 gold badge11 silver badges28 bronze badges

Comments

Alberto · Accepted Answer · 2014-01-06 15:41:38Z

0

You have to parse with parseJSON, use this:

}).done(function(result) {
     var res = $.parseJSON(result);
     alert(res.URL);
});

now in res you have what you're sending in JSON format from php, if you alert "res.URL" you'll get "http://test.com". You can pass other parameters and call them using res.parameterNameFromPhp

answered Jan 6, 2014 at 15:41

Alberto

67214 silver badges26 bronze badges

Collectives™ on Stack Overflow

Retrieve json value php and jquery ajax

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related