Display the JSON response received using AJAX

debugcn Published at Dev

Cody

I am having some problem to displaying the response getting from the below given code. Please help me to display the response on my page that I am getting from this code:

$(document).ready(function () {
    console.log("ready!");
    $('#m_p_advc').change(function () {
        var sup = $('#m_p_advc').val();
        $('#result').html(sup);
        $.ajax({
            type: 'GET',
            url: '../hcshimla/newfiling/ajaxfunction.php',
            data: {gadvcd: sup, flag: 'ADV'},
            success: function (response) {
                $('#result').html(response.first);
            }
        });
    });
});

And here is the screenshot of data that I am receiving through this code:

In this response (data) I want to split every bit of information seperating with "~" (sign) and display them on different textboxes on the form.

Lokesh_Ram

With your response you got,split them with ~ and if you want to display the splitted values on different textboxes means loop them inorder to place the value with the respective text boxes.. Here is the sample code for that.. Not sure whether your looking for this kind of an output..

Sample Html:

<input type="text" id="TextBox0"  />
<input type="text" id="TextBox1"  />
<input type="text" id="TextBox2"  />

jQuery:

$(document).ready(function () {
    $.ajax({
        type: 'GET',
        url: '../hcshimla/newfiling/ajaxfunction.php',
        data: {gadvcd: sup, flag: 'ADV'},
        success: function (response) {

            var arr = response.split("~");

            for (var i = 0; i <= arr.length; i++)
            {
                $('#TextBox' + i + '').val(arr[i]);
            }
        },
        error: function (response) {
            alert(response);
        }
    });
});

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-07-19

Comments

0 comments

From Dev

Related Related

Article

Display the JSON response received using AJAX

Display the JSON response received using AJAX

JSON response received in AJAX success but not parsing

Ajax response using json

Display the ajax response button id using jquery

Display the ajax response button id using jquery

Display content of JSON response using Knockout

Display json response in grid using angular js

Display content of JSON response using Knockout

Ajax : empty json response when using Karma

Using variable from ajax response as json

Setting Ajax response to drop down using json

Using ajax json response in an angular scope variable

Ajax POST - display response

submit html form with AJAX and display json response from external api

Display JSON data from url using ajax

How to upload an image on a server using authorization and show the received json response in Android?

Splitting a string received from Json response

Parsing JSON data received in blogger api response

Cannot Parse a JSON response that is received by RestTemplate

Splitting a string received from Json response

Convert a received JSON response to List<T> in Java

Display the JSON response

How to display my JSON response in a table using Laravel?

Display Image in ajax response in a table

Json response to ajax

symfony Response with json ajax

Ajax JSON response not working

AJAX: Invalid JSON response

AJAX search and JSON response

Ajax JSON response into HighCharts