Retrieve the key value pair from the AJAX response

Question

Retrieve the key value pair from the AJAX response

I am trying to retrieve specific values from a cross domain call to a PHP script. The response I receive is as follows:

response=2&count=15&id=84546379&firstname=adsa&emailstatus=

My goal is to extract the values of 'response' and 'id', but I am unsure of how to accomplish this. Below is the code snippet I have been working with:

**

xhr.request({
                    url: "../promo_getstate2.php",
                    method: "POST",
                    data: {
                      email: emailaddress,
                      country: country,
                      lang: lang,
                      source: '1312_XMAS_dly'
                    }
                }, function(response){
                   getstate = response['response'];
                   regID = response['id'];
                   console.log(getstate)
                    console.log(regID)
})

However, I am not able to retrieve those values. Can someone guide me on how to achieve this?

The complete response received is:

" response=2&count=15&id=84546379&firstname=adsa&emailstatus="

**

php jquery ajax

Answer 1

Answer №1

To effectively handle the response, you can construct a params object containing all parameters:

function extractParams(data) {
    var parts = data.split("&");
    var result, params = [];
    for(var i = 0; i < parts.length; ++i) {
        result = parts[i].split("=");
        params[result[0]] = result[1];
    }
    return params;
}

var details = extractParams("response=3&count=20&id=98876543&name=john&status=")

You can then retrieve values like this:

details['response']; // 3

details['id']; // 98876543

Answer 2

To effectively handle the response, you can construct a params object containing all parameters:

function extractParams(data) {
    var parts = data.split("&");
    var result, params = [];
    for(var i = 0; i < parts.length; ++i) {
        result = parts[i].split("=");
        params[result[0]] = result[1];
    }
    return params;
}

var details = extractParams("response=3&count=20&id=98876543&name=john&status=")

You can then retrieve values like this:

details['response']; // 3

details['id']; // 98876543

Answer 3

Answer №2

Here is an example of code:

<Script language="javascript">
        var variables = GetRequest("response=2&count=15&id=84546379&firstname=adsa&emailstatus=");
        document.write(JSON.stringify(variables));

        function GetRequest(input) {
           var urlInput = "?"+input;//location.search;
           var requestedData = new Object();
           if (urlInput.indexOf("?") != -1) {
              var dataString = urlInput.substr(1);
              dataArray = dataString.split("&");
              for(var j = 0; j < dataArray.length; j ++) {
                 requestedData[dataArray[j].split("=")[0]]=unescape(dataArray[j].split("=")[1]);
              }
           }
           return requestedData;
        }
        </script>

You can then access the values. The JSON result will look like this:

{"response":"2","count":"15","id":"84546379","firstname":"adsa","emailstatus":""}

Answer 4

Here is an example of code:

<Script language="javascript">
        var variables = GetRequest("response=2&count=15&id=84546379&firstname=adsa&emailstatus=");
        document.write(JSON.stringify(variables));

        function GetRequest(input) {
           var urlInput = "?"+input;//location.search;
           var requestedData = new Object();
           if (urlInput.indexOf("?") != -1) {
              var dataString = urlInput.substr(1);
              dataArray = dataString.split("&");
              for(var j = 0; j < dataArray.length; j ++) {
                 requestedData[dataArray[j].split("=")[0]]=unescape(dataArray[j].split("=")[1]);
              }
           }
           return requestedData;
        }
        </script>

You can then access the values. The JSON result will look like this:

{"response":"2","count":"15","id":"84546379","firstname":"adsa","emailstatus":""}

Retrieve the key value pair from the AJAX response

Answer №1

Answer №2

Similar questions

creating a personalized tooltip for every item within a dynamically generated @html.dropdownfor control in mvc3

Transmitting the identification number of a post with the help of J

What could be causing the issue preventing me from updating my SQL database through AJAX?

Tips on increasing video size upon visiting a website. HTML, JavaScript, and potentially jQuery can be used for video animation

Which specific button is selected out of a variable number of buttons?

Encountering Issues While Setting Up Magento on WAMP Server

"Utilizing jQuery to select elements for the purpose of preventing default

How can jQuery incorporate additional selection criteria for a parent element?

Regular Expression designed specifically for detecting alternative clicks

Sometimes, the `undefined` TypeError can unexpectedly pop up while making Ajax calls

What is the best approach to execute the jquery script exclusively on mobile devices?

The accessibility of private methods when using inheritance

Execute JavaScript function after completion of CSS animation using jQuery

Using PHP in combination with Ajax for automatically performing an action when there is an update

Barba.js (Pjax.js) and the power of replacing the <head> tag

I'm confused why this code is functioning in JSFiddle but not on my HTML webpage

Error encountered while using Google Translate with XMLHttpRequest (Missing 'Access-Control-Allow-Origin' header)

Automatically unset session variable 'unsetted' using a simple line of code

Identify a specific sequence within a text box, and alternate between two radio buttons

Steps for Setting up PHPmailer with Ajax Form Submission