asp.net c#, jquery, webmethod

I have jquery and I try to map with webmethod written in c#. but do not know what to do....with dictionary c#.
Please helps

<select id="PRODUCT_LIST" name="PRODUCT_LIST"> should show up
like
<option value="1">1000</option>
<option value="2">2000</option>

Thanks,

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Tester5.aspx.cs" Inherits="AppService.Tester5" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<select onchange="ShowList()" runat="server" required class="form-control" id="PRODUCT_CODE" name="PRODUCT_CODE">
<option value="" disabled="disabled" selected="selected" class="disabled">Product Code</option>
<option value="13081">13081</option>
<option value="13082">13082</option>
</select>
<br />
<select onchange="ShowList()" runat="server" required class="form-control" id="PRODUCT_STATE" name="PRODUCT_STATE">
<option value="" disabled="disabled" selected="selected" class="disabled">Product State</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="ZZ">All Others</option>
</select>
<br />
<select style="display:none;" runat="server" required class="form-control" id="PRODUCT_LIST" name="PRODUCT_LIST"></select>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type = "text/javascript">
function ShowList() {
$.ajax({
type: "POST",
url: "Tester5.aspx/GetList",
data: '', //?
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response.d);
}
});
}
function OnSuccess(response) {
//?
}
</script>
</asp:Content>

//code behind:

[System.Web.Services.WebMethod]
public static Dictionary<string,string>GetList(string PRODUCT_CODE, string PRODUCT_STATE)
{
Dictionary<string,string> s = new Dictionary<string,string>();
s.Add("1", "1000");
s.Add("2", "2000");
return s;
}

What you need to do exactly ??

I need below shown.

<select id="PRODUCT_LIST" name="PRODUCT_LIST"> should show up
like
<option value="1">1000</option>
<option value="2">2000</option>

Wild guess, logic is something like below, you need to check what you get in response object from OnSuccess function and need to modify bit of code below

function OnSuccess(response) {
        $.each(msg.d, function(index, item) {
                    $('#PRODUCT_LIST').append($('<option />').val(this['Key']).text(this['Value']));
        });
}

Open in new window

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

Try it already and does not seem work.
Can u put it in working codes ?

Please find the working code!

In Web method

//[System.Web.Services.WebMethod]
public string GetList()
{
	Dictionary<string, string> s = new Dictionary<string, string>();
	s.Add("1", "1000");
	s.Add("2", "2000");

	//Need to modify dictionary to JSON format
	var kvs = s.Select(kvp => string.Format("\"{0}\":\"{1}\"", kvp.Key, string.Concat("", kvp.Value)));
	return string.Concat("{", string.Join(",", kvs), "}");
}

Open in new window

In script

<script type="text/javascript">
    function ShowList() {
            $.ajax({
                type: "GET",
                url: "Home/GetList",
                data: '', //?
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function (response) {
                alert(response.d);
            }
        });
    }
    function OnSuccess(response) {
        $.each(response, function (index, item) {
            $('#PRODUCT_LIST').append($('<option />').val(index).text(item));
        });
        $('#PRODUCT_LIST').show();
    }
</script>

Open in new window

Thanks if we now use wcf ....what do we need to change ?

I guess, I have answered to your question with working code!

Note: Please ask other question in separate thread to get better answer!

However,
Answer: you need to consume wcf service in your webmethod and then, (I think) you know what to do in webmethod, right?

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 19

Manoj PatilSr. Software EngineerCommented: 2016-08-10

LVL 1

ITsolutionWizardAuthor Commented: 2016-08-10

LVL 10

Prakash SamariyaIT ProfessionalCommented: 2016-08-10

Prakash SamariyaIT ProfessionalCommented: 2016-08-11

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial

ITsolutionWizardAuthor Commented: 2016-08-11

asp.net c#, jquery, webmethod

Who is Participating?

Already a member? Login.