How to send json and parse it on next html page through url in jquery?

Question

I want to send json data through url to next html page. I checked it by emulator as I am working for mobile app, the url could not redirect to next page it is crashing at the moment what is the reason behind this. How can I parse it on next page .I am new to the jquery any idea? my json data contains result of two different sql queries in an array

 $.ajax({
         type : "POST",
         datatype : "json",
         url : "http://Localhost/phpBB3/check_pass.php?username="+ username + "&password="+ password+"&f=68",
         success: function(data){
             alert(data);

               window.location.href="source/testmenu.html?varid=" + data +"&username=" + username +"&password=" + password;
        }
 });

This is the code on next page

$(document).ready(function GetUrlValue(VarSearch){
       var SearchString = window.location.search.substring(1);

       var arr = SearchString.split('&');
       console.log(arr);
       //Set session variables
       var username = arr[1].split('=')[1];
       var password = arr[2].split('=')[1];
       document.getElementById('username').value = username;
       document.getElementById('password').value = password;
)};

Why don't you just make the same call again on the second page? You could also store it in the localStorage. On page 1 : localStorage.myJson = myJson; On page 2 : myJson = JSON.parse(localStorage.myJson); — Jeremy Thille
– Jeremy Thille, Commented May 28, 2015 at 6:25
possible duplicate of How can I get query string values in JavaScript? — redbmk
– redbmk, Commented May 28, 2015 at 6:49

Ashish Bhagat · Accepted Answer · 2015-05-28 06:39:53Z

3

in your case in first page urlencode json

window.location.href="source/testmenu.html?varid=" + encodeURIComponent(data) +"&username=" + username +"&password=" + password;

and in next page

var data= arr[0].split('=')[1];
var recieved_json = $.parseJSON(data);

answered May 28, 2015 at 6:39

Ashish Bhagat

4203 silver badges17 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:10:23Z

Then try this one:

var data = {
    username: username,
    password: password
};

$.ajax({
    type: "POST",
    url: "http://Localhost/phpBB3/check_pass.php",
    params: $.param(data),
    success: function(a) {
        window.location.href = "source/testmenu.html?"
            + $.param(a) + "&" + $.param(data)
    }
});

And this would be your code for the next page (the iterator is from Satpal's answer):

$(document).ready(function() {
    var params = window.location.search;

    var getURLParams = function(params) {
        var hash;
        var json = {};
        var hashes = url.slice(url.indexOf('?') + 1).split('&');
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            json[hash[0]] = hash[1];
        }
        return json;
    }

    params = getURLParams(params);

    var username = params.username;
    var password = params.password;
    $('#username').val(username);
    $('#password').val(password);
});

Though I agree with @Jai that sending username and password in url is not recommended.

wolfhammer · Accepted Answer · 2015-05-28 06:56:37Z

Once you get the URL to load you'll need to run your data through some encoding and decoding. You might have the wrong path. If you want "http://Localhost/source/testmenu.html" make sure the first character is a "/".

Make sure your data object is encoded correctly.

// Encode data for querystring value.
var data = {
  foo: "bar"
};

var data_str = JSON.stringify(data);
data_str = encodeURIComponent(data_str);

Decode and test your URL.

// Get data from querystring value.

// Get the query as an object with decoded values.
// Note that JSON values still need parsing.
function getQuery() {
  var s=window.location.search;
  var reg = /([^?&=]*)=([^&]*)/g;
  var q = {};
  var i = null;

  while(i=reg.exec(s)) {
    q[i[1]] = decodeURIComponent(i[2]);
  }

  return q;
}

var q = getQuery();

try {
  var data = JSON.parse(q.data);
} catch (err) {
  alert(err + "\nJSON=" + q.data);
}

Vedank Kulshrestha · Accepted Answer · 2015-05-28 06:28:27Z

0

Parameter should be html encode while navigating or requesting to the URL and decode at the receiving end. It may suspect potentially dangerous content which may leads to crash.

answered May 28, 2015 at 6:28

Vedank Kulshrestha

2201 gold badge6 silver badges23 bronze badges

5 Comments

Jeremy Thille Over a year ago

That does not answer OP's question.

Vedank Kulshrestha Over a year ago

we can send any kind of param he wants in this way.

Jeremy Thille Over a year ago

In that case, I think you should write some code : show how you encode URL, explain what you mean.

Vedank Kulshrestha Over a year ago

encoding & decoding is everywhere on the net stuff. one can go through very easily. For encoding,follow this w3schools.com/jsref/jsref_escape.asp For decoding, follow this w3schools.com/jsref/jsref_unescape.asp

Jeremy Thille Over a year ago

I agree, but in that case, just write a comment. Don't formulate an official answer to the question, which is not an answer and just says "Google around for encoding and decoding".

Collectives™ on Stack Overflow

How to send json and parse it on next html page through url in jquery?

4 Answers 4

Comments

Comments

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related