Get result PHP code in jQuery function?

Question

I use codeigniter and i want make uniqid code with php as following code(by random_string()):

function coding(){
    echo random_string('unique');
}

I want use result top function in a, jquery function (for use in js code), i in jquery code try as this, but this output in alert(coding()) is "undefined". How can fix it?

function coding(){
   $.ajax({
        type: "POST",
        dataType: "text",
        url: "coding",
        cache: false,
        success: function (data) {
            return data;
        }
   })
}
alert(coding()) // in here output is  "undefined" !!!?

hope_is_grim · Accepted Answer · 2011-12-21 06:51:14Z

2

function coding(){
   var temp;
   $.ajax({
        type: "POST",
        dataType: "text",
        url: coding,
        cache: false,
        async: false,
        success: function (data) {
            temp = data;
        }
   })
   return temp;
}
alert(coding());

You will receive an [object XMLDocument].

answered Dec 21, 2011 at 6:51

hope_is_grim

1,94415 silver badges25 bronze badges

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

3 Comments

johndodo Over a year ago

Are you sure this will work? AJAX call in asynchronous, so success is called when the function coding() already returned temp. My guess is you will always get undefined.

hope_is_grim Over a year ago

"async: false" makes the call synchronous

johndodo Over a year ago

oops, missed that... true. :) OP should take care though - this means the function will "hang" for the duration of the call. It would be better if OP changed the way he calls the function and use AJAX properly (asynchronously).

Ramil Amerzyanov · Accepted Answer · 2011-12-21 06:31:41Z

1

It is becuse coding function is asynchronous. Use follow code:

function coding(){
   $.ajax({
        type: "POST",
        dataType: "text",
        url: coding,
        cache: false,
        success: function (data) {
            alert(data);
        }
   })
}
coding();

answered Dec 21, 2011 at 6:31

Ramil Amerzyanov

1,29112 silver badges26 bronze badges

2 Comments

Kate Wintz Over a year ago

I don't want alert, in above code it have output, but man want use return it as append in other js code, this just done alert result php code. how is it?

hungneox Over a year ago

@RamilAmr I vote up for you because you understand his problem

hungneox · Accepted Answer · 2011-12-21 06:38:30Z

1

function coding(){
   $.ajax({
        type: "POST",
        dataType: "text",
        url: "coding",
        cache: false,
        success: function (data) {
            $("#yourDiv").html(data);
        }
   })
}

You can assign value to another element like div, p etc.

answered Dec 21, 2011 at 6:38

hungneox

9,85113 gold badges51 silver badges67 bronze badges

4 Comments

hungneox Over a year ago

@Kate Wintz Alert? I append html to a div, instead of html() you can use append(data);

hungneox Over a year ago

@KateWintz are you copy your comment without read my soulution?

Kate Wintz Over a year ago

I mean is the same, i want use of name function as "coding()" for echo return this function in other js code. but your code append return in a selector.

hungneox Over a year ago

@KateWintz sorry, I think you can't, because this is asynchronous call. You should to include your js to another page

hasser · Accepted Answer · 2011-12-21 06:40:35Z

0

Well, I'm assuming that the coding variable you are passing at the parameter url is a reference to a method in your CI controller.

If that's the case, you just need to wait from the success callback:

$.ajax({
        type: "POST",
        dataType: "text",
        url: coding,
        cache: false,
        success: function (data) {
            alert(data);
        }
   })

answered Dec 21, 2011 at 6:40

hasser

1,0761 gold badge13 silver badges24 bronze badges

1 Comment

Kate Wintz Over a year ago

I don't want alert, in above code it have output, but man want use return it as append in other js code, this just done alert result php code. how is it?

Ramil Amerzyanov · Accepted Answer · 2011-12-21 06:57:03Z

0

Ok, you should use callback function like this:

function coding(func){
   $.ajax({
        type: "POST",
        dataType: "text",
        url: coding,
        cache: false,
        success: function (data) {
            func(data);
        }
   })
}
coding(function(data)
{
   alert(data);
});

edited Dec 21, 2011 at 6:57

answered Dec 21, 2011 at 6:51

Ramil Amerzyanov

1,29112 silver badges26 bronze badges

Collectives™ on Stack Overflow

Get result PHP code in jQuery function?

5 Answers 5

3 Comments

2 Comments

4 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

2 Comments

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related