fill/populate grid using javascript/ajax

[sattu]

Hi,
friends i have this code of ajax to populate statedropdownlist on countrydropdownlist selectedindex changed, it is working fine
now i want to populate gridview through this code can anybody help me

var val, xmlHttp, xmlDoc, xmlUrl;
 
                val = document.all.item("ddlCountry").options[document.all.item("ddlCountry").selectedIndex].value;
                    document.all.item("ddlCountry").options[0] = new Option ("Select", "0");
                xmlUrl = "StateFill.aspx";
 
                xmlDoc = "&";
                xmlDoc= xmlDoc + escape("param") + "=" + escape("getState") + "&";
                xmlDoc= xmlDoc + escape("SCode") + "=" + escape(val);
 
                if ( navigator.appName == "Netscape" )
                    xmlHttp = new XMLHttpRequest();
                else
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 
                xmlHttp.open ("POST", xmlUrl, false)
                xmlHttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded")
                xmlHttp.send(xmlDoc)
 
                var v, i;
                if (xmlHttp.status != "500")
                {
                    v = xmlHttp.responseText
                }
                else
                {
                    alert("Error Downloading State Information.");
                }
 
                document.all.item("ddlState").disabled = false;
                for (i = document.all.item("ddlState").options.length; i >= 0; i--)
                    document.all.item("ddlState").options[i] = null;                
 
                document.all.item("ddlState").options[0] = new Option ("All", "0");
                //alert(document.all.item("ddlState").value);
                if (v.length > 0)
                {
 
                    var catArray, j, selindex;
                    catArray = v.split("#~");
                    j = 1;
                    selindex = 0;
                    for(i = 0; i < catArray.length; i = i + 2)
                    {
                        document.all.item("ddlState").options[j] = new Option (catArray[i+1], catArray[i]);
                        j = j + 1;
                    }            
                }
            }
            else
            {
                document.all.item("ddlState").disabled = true;
                for (i = document.all.item("ddlState").options.length; i >= 0; i--)
                    document.all.item("ddlState").options[i] = null;
            }

[acoder]

Where's the code for the grid?

Note: don't use document.all. It's non-standard and does not work in most browsers. Use document.getElementById() instead making sure that you've set IDs to your elements.

[sattu]

Hi,
friends i have this code of ajax to populate statedropdownlist on countrydropdownlist selectedindex changed, it is working fine
now i want to populate gridview through this code can anybody help me

i have taken state and country dropdownlist on page which has this javascript code, Onpageload countrydropdownlist is filling and "countrydropdownlist's autopostback=fasle"
and my server side code to fillup statedropdownlist is on pageload of "StateFill.aspx"

var val, xmlHttp, xmlDoc, xmlUrl;
 
                val = document.all.item("ddlCountry").options[document.all.item("ddlCountry").selectedIndex].value;
                    document.all.item("ddlCountry").options[0] = new Option ("Select", "0");
                xmlUrl = "StateFill.aspx";
 
                xmlDoc = "&";
                xmlDoc= xmlDoc + escape("param") + "=" + escape("getState") + "&";
                xmlDoc= xmlDoc + escape("SCode") + "=" + escape(val);
 
                if ( navigator.appName == "Netscape" )
                    xmlHttp = new XMLHttpRequest();
                else
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 
                xmlHttp.open ("POST", xmlUrl, false)
                xmlHttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded")
                xmlHttp.send(xmlDoc)
 
                var v, i;
                if (xmlHttp.status != "500")
                {
                    v = xmlHttp.responseText
                }
                else
                {
                    alert("Error Downloading State Information.");
                }
 
                document.all.item("ddlState").disabled = false;
                for (i = document.all.item("ddlState").options.length; i >= 0; i--)
                    document.all.item("ddlState").options[i] = null;                
 
                document.all.item("ddlState").options[0] = new Option ("All", "0");
                //alert(document.all.item("ddlState").value);
                if (v.length > 0)
                {
 
                    var catArray, j, selindex;
                    catArray = v.split("#~");
                    j = 1;
                    selindex = 0;
                    for(i = 0; i < catArray.length; i = i + 2)
                    {
                        document.all.item("ddlState").options[j] = new Option (catArray[i+1], catArray[i]);
                        j = j + 1;
                    }         
                }
            }
            else
            {
                document.all.item("ddlState").disabled = true;
                for (i = document.all.item("ddlState").options.length; i >= 0; i--)
                    document.all.item("ddlState").options[i] = null;
            }

 protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.Params["param"].ToString() == "getState")
        {
            string CntId = Request.Params["SCode"]; //.Item["SCode"];
            Class1 obj = new Class1();
 
           // OnLineStore.Comm.PopulateDb locobj = new OnLineStore.Comm.PopulateDb();
 
            string str;
            str = string.Empty;
            System.Data.SqlClient.SqlDataReader LOC_dr;
            LOC_dr = obj.getdata("select intStateTerritoryId,txtStateTerritory from tblMstStateTerritory where intCountryId=" + CntId.ToString() + " Order By txtStateTerritory");
 
            //LOC_dr = locobj.GetReader("Select StateId,StateName >From OS_StateMaster Where CountryId=" + CntId + " Order By StateName");
 
            if (LOC_dr.HasRows)
            {
                while (LOC_dr.Read())
                    str = str + LOC_dr[0] + "#~" + LOC_dr[1] + "#~";
 
            }
            if (str != "")
                str = str.Substring(0, str.Length - 2);
            LOC_dr.Close();
            LOC_dr = null;
            Response.Write(str);
        }

[acoder]

I have merged the threads. Please do not double post.