jquery ajax request in JSON shows error

Question

I have a ajax request as below :

$('#student_name').change(function(){
    var student_id = $(this).val();
    if(student_id!=0){

    var url = "ajax_student_bill_details.php";
    var data = "id="+student_id;

    $.ajax({
        type: "GET",
        url: url,
        dataType : "json",
        data: data,
       // cache: false,
       error : function(result){
                alert('Error');
                },
        success: function(result){
                alert(result);
        } 
    });
    }
});

And the ajax_student_bill_details is :

$arra = ('a' => 1,'b' => 2);
return json_encode($arra);

But when I change the options it always alerts Error . Whats wrong with my codes ?

DEMO

EDIT:

$arra = array('a' => 1,'b' => 2);

@rajeshkakawat how? I have a file called 'ajax_student_bill_details.php' in same directory — Nitish
– Nitish, Commented Dec 28, 2013 at 7:55
try to hit your ajax url in browser address bar see what you get???? — rajesh kakawat
– rajesh kakawat, Commented Dec 28, 2013 at 7:57
It displays nothing ( after editing the error)!! Why so ? var_dump would give string '{"a":1,"b":2}' (length=13). Thanks — Nitish
– Nitish, Commented Dec 28, 2013 at 8:07

rajesh kakawat · Accepted Answer · 2013-12-28 08:09:46Z

1

you should echo your json

$arra = ('a' => 1,'b' => 2);
echo json_encode($arra);

answered Dec 28, 2013 at 8:09

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

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

Comments

cyberwombat · Accepted Answer · 2013-12-28 07:52:04Z

1

Not sure as I don't have access to your server and the fiddle was bad. I would suspect the missing protocol (http://) on your URL.

Here's a fiddle that uses http://jsontest.com and that works. Perhaps you can work from that. If you just replace your url perhaps you can see what issue is.

$('#student_name').change(function(){
var url = "http://echo.jsontest.com/key/value/one/two";
var data = "id=1";

$.ajax({
    type: "GET",
    url: url,
    dataType : "json",
    data: data,
    // cache: false,
    error : function(result){
     alert('Error');

    },
    success: function(result){
        alert('Ok');
    } 
});
});

answered Dec 28, 2013 at 7:52

cyberwombat

40.5k43 gold badges189 silver badges268 bronze badges

1 Comment

Nitish Over a year ago

yeah its working I can see. So the problem is ith the url I guess. Whats wrong with the json_encode for the above array in my question? It displays nothing when I tried to see what it returns

Collectives™ on Stack Overflow

jquery ajax request in JSON shows error

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related