[RESOLVED] How Do You Read/Write Mult-value cookies in Javascript?

[viperbyte]

Good morning gang.

I'm having a hard time figuring out how to do this. I'm trying to write a cookie that has a name for example "Order" in which this "Order" cookie will have values associated with it for example:Color, Location, Type and Style. I see that this is pretty simple to do in .net but it's during a jquery grid row select event that I have the row's values available for processing. In other words in a bit of jquery code is where I am able to deal with the data to be passed around in the web app. If I could get that data out to a .net routine that would be ideal but to me it looks like I can't do that. So anyway does anyone have a little code snippet that they could share with me on how to do this? Please.

-Juan

[PeejAvery]

Are you just trying to read a cookie through JavaScript? If so...there are plenty examples on such.

function getCookie(cookie_name) {
  var cookies = document.cookie.split(";");
  for (var cookie = 0; cookie < cookies.length; cookie++) {
    var currentCookieName = cookies[cookie].substr(0, cookies[cookie].indexOf("="));
    var currentCookieValue = cookies[cookie].substr(cookies[cookie].indexOf("=") + 1);
    currentCookieName = currentCookieName.replace(/^\s+|\s+$/g,"");
    if (currentCookieName == cookie_name) {
      return unescape(currentCookieValue);
    }
  }
}

[PeejAvery]

Are you just trying to read a cookie through JavaScript? If so...there are plenty examples on such.

function getCookie(cookie_name) {
  var cookies = document.cookie.split(";");
  for (var cookie = 0; cookie < cookies.length; cookie++) {
    var currentCookieName = cookies[cookie].substr(0, cookies[cookie].indexOf("="));
    var currentCookieValue = cookies[cookie].substr(cookies[cookie].indexOf("=") + 1);
    currentCookieName = currentCookieName.replace(/^\s+|\s+$/g,"");
    if (currentCookieName == cookie_name) {
      return unescape(currentCookieValue);
    }
  }
}

[viperbyte]

Hello PeejAvery,

I also need to write such a cookie. Any chance you have the javacript function that writes the type of multi-valued cookie I described in my post? Especially can you help me out with the js that writes the mult-valued cookie that can easily be read by the Read js code you provided?

[PeejAvery]

http://www.w3schools.com/js/js_cookies.asp

[viperbyte]

Thanks PeejAvery,

I've seen this code at w3schools before. As-is the code creates a cookie in which the cookie will have a name and have one value asscoicated with it and not the multivalue type problem I wrote about that resemble this:"Order" in which this "Order" cookie will have values associated with it for example:Color, Location, Type and Style.

Or it could be that I'm a dum dum and don't see that the code as-is just needs a little tweaking. But I don't how to do get the code to support a multi value cookie. I don't undertand what the syntax needs to look like for a cookie that has more than one value.

Or It could be that I'm a super duper dum dum and don't see that the code as-is already supports the multi-value type cookie that I'm trying to do.

[PeejAvery]

Cookies only store as strings. So, if you want multiple datatypes or values in 1 cookie, you will have to make it an object and serialize it. Or you can make it character delimited data and just split it into an array.

[viperbyte]

Oh ok, so the value will be have to be a put together thingie. I'll start trying to put this together and post my work of art when I'm done. Thanks for the direction. Stay tuned...

[viperbyte]

...So I have it working now. I used pipes for the delimination. Here's the js/jq:

 // display selected row index.
                        $("#jqxgrid").bind('rowselect', function (event) {
                            var row = $("#jqxgrid").jqxGrid('getrowdata', event.args.rowindex);
                            //alert(row.ORG_ID + " " + row.Organization_Name);
                            //document.getElementById("<%=HiddenField1.ClientID %>").value = row.Organization_Name;
                            //alert(document.getElementById("<%=HiddenField1.ClientID %>").value);
                            //Document.cookie = 'MickeyCookie=' + row.Organization_Name; + "path=/; expires=Wed, 1 Jan 2020 00:00:00 GMT";
                            var mySelectedRow = row.ORG_ID + '|' + row.Organization_Name + '|' + row.address_street;
                            var exdate = new Date();
                            exdate.setDate(exdate.getDate() + 365);
                            //var c_value = escape("TestValue") + ((365 == null) ? "" : "; expires=" + exdate.toUTCString());
                            //var c_value = escape(row.Organization_Name) + ((365 == null) ? "" : "; expires=" + exdate.toUTCString());
                            var c_value = mySelectedRow + ((365 == null) ? "" : "; expires=" + exdate.toUTCString());
                            document.cookie = "TestCookie" + "=" + c_value;
                        });

and here's the asp.net page load:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        'HttpCookie(cookie = Response.Cookies.Get("myCookieName"));
        'HttpCookie(InlineAssignHelper(cookie, Response.Cookies.[Get]("myCookieName")))
        'Label1.Text = Request.Cookies("TestCookie").Value
        Dim rawRow As String = Request.Cookies("TestCookie").Value
        'txtName.Text = Request.Cookies("TestCookie").Value
        Dim rawRowSplit() As String = Split(rawRow, "|")
        txtOrgID.Text = rawRowSplit(0)
        txtName.Text = rawRowSplit(1)
        txtStreet.Text = rawRowSplit(2)

    End Sub

super thanks.