How I use data in javascript codeigniter from ajax in view

Question

$.ajax({
    url:"<?= site_url('laporan/data_penjualan/') ?>",
    type:'POST',
    dataType:'JSON',
    success:function(data){
      var abc = data;
    }
});

console.log(abc); // I want to use outside ajax

How I use data from db in outside ajax?

Your answer is here jquery-how-to-use-the-return-value-of-an-ajax-call-outside-that-ajax-call — Naim Malek
– Naim Malek, Commented Oct 26, 2017 at 6:44

Kevin F · Accepted Answer · 2017-10-26 06:49:20Z

1

You would have to either:

A. Use a promise object

function getData(){
    return new Promise((resolve, reject) => {
         $.ajax({
            url:"<?= site_url('laporan/data_penjualan/') ?>",
            type:'POST',
            dataType:'JSON',
            success:(data) => resolve(data)
        });
     };
}

getData().then(data => {
    //data is your ajax response
});

B. Use a callback function if your website supports browsers that don't support Promise and you don't have a polyfill

$.ajax({
    url:"<?= site_url('laporan/data_penjualan/') ?>",
    type:'POST',
    dataType:'JSON',
    success: function(data){
        ajaxComplete(data);
    }
});

function ajaxComplete(data){
    //data is your ajax response
}

answered Oct 26, 2017 at 6:49

Kevin F

2,8852 gold badges18 silver badges22 bronze badges

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

1 Comment

Aditya Over a year ago

Thank You Very Much

Hemant Hingave · Accepted Answer · 2017-10-26 06:57:54Z

0

try this

var abc;
    $.ajax({
        url:"<?= site_url('laporan/data_penjualan/') ?>",
        type:'POST',
        async: false,
        dataType:'JSON',
        success:function(data){
        abc = data;
    }
});
console.log(abc);

answered Oct 26, 2017 at 6:57

Hemant Hingave

31 bronze badge

Comments

Stanley Cheung · Accepted Answer · 2017-10-26 06:59:18Z

0

you can set your var abc before ajax start, then set the val after finishing the ajax, but your console.log must using some way to call it after ajax finished because ajax is an asynchronous method.

var abc;
$.ajax({
    url:"<?= site_url('laporan/data_penjualan/') ?>",
    type:'POST',
    dataType:'JSON',
    success:function(data){
      abc = data;
    }
});

// call console when you know the abc has been set
console.log(abc);

// Example for waiting by setInterval
// var timer = setInterval(function() {
//    if(abc !== '') {
//       // your code
//       console.log(abc);
//       clearInterval(timer);    
//    }
// }, 1000); // change this to your liking, doesn't really matter

edited Oct 26, 2017 at 6:59

answered Oct 26, 2017 at 6:42

Stanley Cheung

9587 silver badges23 bronze badges

2 Comments

Naim Malek Over a year ago

console.log(abc); will call before ajax response. So It's not usefull

Stanley Cheung Over a year ago

so I marked a comment for you to noticed that you need to call the console.log after ajax finished, otherwise you should use setInterval for waiting the ajax finished

Collectives™ on Stack Overflow

How I use data in javascript codeigniter from ajax in view

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related