Typescript and jquery ajax

Question

I have the following function:

Updated: added return to $.ajax

searchAjax({url = 'app/php/check.php', data}: {url: any, data: any}): any 
{   
    return $.ajax({
        url: url,
        type: 'post',
        dataType: 'text', 
        data: { data },
        success: function (return_data)
        {   
            return String(return_data);
        },  
        error: function (xhr, status, error) 
        {   
            var err = eval("(" + xhr.responseText + ")");
            console.log(err.Message);
            return err.Message;
        }   
    }); 
}

For now, check.php returns echo 'hi'. Just for testing, I'm trying to console.log the response (in this case return_data). However I get the error EXCEPTION: hi is not defined when I try to console.log it.

Update: Now I get an object with a bunch of stuff and responseText which contains the actual response.

You've tagged this Angular2 any reason why you don't use the @angular/http for such requests. — J J B
– J J B, Commented Dec 13, 2016 at 23:46
@JJB May be he has some legacy code that needs to rewrite to Angular2? — Roman C
– Roman C, Commented Dec 13, 2016 at 23:49
@RomanC That's why I ask because if it's just that request and he's using jQuery just for that, then in reality he should be using @angular/http. — J J B
– J J B, Commented Dec 13, 2016 at 23:52
@JJB Angular allows to use any javascript library, including jQuery, which was very popular before, and can't solve the problem with the code above. — Roman C
– Roman C, Commented Dec 14, 2016 at 0:01

Paul Jerome Bordallo · Accepted Answer · 2016-12-13 23:58:27Z

1

Sounds like your eval isn't getting the text you think it's getting. I believe your result: "echo 'hi'" is stripping the apostrophe so you're actually evaluating "echo hi". This can be an ajax client issue. Or your API is stripping it. Check to see what your browser is receiving from the API.

Also, echo isn't in native javascript

edited Dec 13, 2016 at 23:58

answered Dec 13, 2016 at 23:52

Paul Jerome Bordallo

1,41212 silver badges11 bronze badges

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

3 Comments

A. L Over a year ago

echo "hi" is php, so what's getting returns is just hi. I think I may have worked it out a little, but I think I might try http suggested by others.

Paul Jerome Bordallo Over a year ago

Then you actually are evaluating "hi" which is not defined. What you probably wanted to do is eval console.log("hi"), basically the text printed by the API response in quotes, if you wanted to see the results in console.

A. L Over a year ago

It was mainly because I did not do a proper return. Now I updated it with a return, it returns me an object with the response text, but I can't seem to extract it. I know that you can do it in the success function of the ajax, but I'll probably look at angular's http instead.

SNiaz · Accepted Answer · 2018-08-21 12:56:27Z

0

Answering a bit too late. You are not printing the response. You are trying to evaluate the response as a javascript expression. During evaluation, javascript doesn't see 'echo hi' as a valid javascript string and generates the error 'hi is not defined'. And then you are not printing the ajax response itself. You are printing the evaluation result which obviously is a failure in evaluation. You can print the response by writing: console.log(xhr.response);

answered Aug 21, 2018 at 12:56

SNiaz

12 bronze badges

Collectives™ on Stack Overflow

Typescript and jquery ajax

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related