[SOLVED] Load Data Using Ajax To Other Page [V2]


#1

Hi @nolimits4web, @rajkaruna,

I have these below code to load data on a page, but not working. Any suggestion?

<script>
  return {
      on: {
          pageInit: function() {
            var app = this.$app;

            var Id = app.ls.getItem('id');

            app.request({
            type: "POST",
            url: "pages/process.php",
            data: {Id:Id},
            dataType: 'json',
            cache: false,
            success: function(data, status, xhr){ 
                
                obj = JSON.parse(data);
                $$(obj).each(function() {
                  
                $$("#textbox").val(obj.Id);
                
                });

              },
              error: function(status, xhr) { // if error occured
                console.log("Error occured, please try again.");
              } 
            });
              
          }
        },
}
</script>

#2

What is exactly not working here?


#3

Hi @Yudistira,

As er shared code, its should work… Any console error.

Note: Make sure that your sending data correctly


#4

hi @nolimits4web,

the value not shown on the textbox, normally it’s shown.

I’m using that code for long time, only on fw7 I cannot achieve that


#5

hi @rajkaruna,

code is working, I’m using it for many years. error show “Error occured, please try again.”


#6

Hi @Yudistira,

Try your code with JSON stringify data like bewlow

data : JSON.stringify ({“Id”: “Id”})


#7

Hi @rajkaruna,

still not working, the output on process.php on chrome dev is like below

{ textbox: "test5"}
textbox
:
"test5"

I’m still confused :frowning:, I want to achieve when I click listview, new page will open and load the data on textbox. I’m open the page using below code on app.js

$$('#ListView').on('click','li', function(e){
    var id = $$(this).attr('value');

    app.ls.setItem('id', id);

     app.router.navigate({
            url: 'edit/',
            force: true,
            ignoreCache: true
          });
  });

#8

Hi @nolimits4web , @rajkaruna,

I’m commenting code below and suddenly everything works as expected. Please suggest.

app.request({
            type: "POST",
            url: "pages/process.php",
            data: {Id:Id},
            dataType: 'json',
            cache: false,
            success: function(data, status, xhr){ 
                
                obj = JSON.parse(data);
                //$$(obj).each(function() { -----COMMMENT
                  
                $$("#textbox").val(obj.Id);
                
                //}); -----COMMENT

              },
              error: function(status, xhr) { // if error occured
                console.log("Error occured, please try again.");
              } 
            });

#9

Please refer this.

We thought that you are using jQuery.


#10

I’m using jquery, it’s true without $.each is working, but when I click other data on listview the output is error, have to use $.each. any idea what code I have to write?


#11

working using code below on success

$.each(data, function (index, value) {
      $$("#textbox").val(value.id);
});

#12

I’m try this code not working
myApp.request({
type: “GET”,
url: global_url + “api/Notifications”,
data: {},
cache: true,
success: function (response) {

            var response = JSON.parse(response);
             console.log(response.responseText);
            $$(response.responseText).each(function () {

                console.log("Raji1");
            });
            console.log("Raji123");
        },
        error: function (status, xhr) { // if error occured
            console.log("Error occured, please try again.");
        }
    });

below code not working how solve
$$(response.responseText).each(function () {
});


#13

Hi @Rajeswari_Nehru

try this code

myApp.request({
type: “GET”,
url: global_url + “api/Notifications”,
data: {},  //what is the GET variable???
dataType:'json',
cache: false,
success: function (response) {

            $.each(function (index, value) {

                console.log(value.responseText);

            });
        },
        error: function (status, xhr) { // if error occured
            console.log("Error occured, please try again.");
        }
  });

#14

I am try this code

        $.each(function (index, value) {

            console.log(value.responseText);

        });

But not working for each function