Unexpected character error in JQuery ajax function

Question

I have the 'unexpected character error' problem, my Jquery ajax code looks like that:

 function test(){
        if(true){
        $.ajax({
            type: 'POST',
            url: 'test.php',
            dataType: 'json',
            data: {
                godot: 'godot',
                jobadze: 'jobadze'
            },
            success: function(data){
                alert(data);
            },
            error: function(jqXHR, textStatus, errorThrown) { alert("Error Status: "+textStatus+"\nMessage: "+errorThrown);
            }
        });

and this is the php code:

<?php
echo 'test';
?>

it should alert "test", but it calls error. What is going on?

remove dataType from your request

Muhammad Omer Aslam
– Muhammad Omer Aslam

2018-02-05 14:09:26 +00:00
Commented Feb 5, 2018 at 14:09 — Muhammad Omer Aslam
– Muhammad Omer Aslam, Commented Feb 5, 2018 at 14:09

mickzer · Accepted Answer · 2014-06-07 15:38:48Z

1

You're not returning any JSON. You returning text but you've specified in the AJAX that it will return json.

You have: dataType: 'json',

You could change the dataType: 'text', if you will always be returning text

or in your php change echo 'test'; to echo json_encode('test');

Hope this helps

answered Jun 7, 2014 at 15:38

mickzer

6,3985 gold badges39 silver badges60 bronze badges

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

Comments

Barmar · Accepted Answer · 2014-06-07 15:35:44Z

1

You wrote dataType: 'json', so the PHP script is required to return valid JSON. Since you're not, the it gets an error when it tries to parse the response as JSON, and reports that error.

You should use json_encode:

<?php
echo json_encode('test');
?>

answered Jun 7, 2014 at 15:35

Barmar

789k57 gold badges555 silver badges669 bronze badges

Comments

Jai · Accepted Answer · 2014-06-07 16:06:37Z

it should alert "test", but it calls error. What is going on?

Reason for this is your dataType : "json" in $.ajax() method which expects the response from serverside should be a json, which is not the case because that is just a simple text string nothing else, so what could you do:

Either remove the dataType or change the dataType: "text"
Or do a json_encode('string') at your serverside.

As you asked in your question

It should alert "test",

so you can skip the #2 and do this:

    $.ajax({
        type: 'POST',
        url: 'test.php',
        dataType: 'text',
        data: {
            godot: 'godot',
            jobadze: 'jobadze'
        },
        success: function(data){
            alert(data); // will alert "test".
        },
        error: function(jqXHR, textStatus, errorThrown) { 
             alert("Error Status: "+textStatus+"\nMessage: "+errorThrown);
        }
    });

but it calls error

    $.ajax({
        type: 'POST',
        url: 'test.php',
        dataType: 'json', //<----because of this

See json is a {key : value} pair js object and from your php you are just echoing a string not a object.

Collectives™ on Stack Overflow

Unexpected character error in JQuery ajax function

3 Answers 3

Comments

Comments

It should alert "test",

but it calls error

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

It should alert "test",

but it calls error

Comments

Your Answer

Sign up or log in

Post as a guest

Related