ajax传值

[huitian1621]

<select name="ddladdr" id="ddladdr" style="width: 100px; margin-left:20px;" onchange="alladdr()">
<option value="0">所有地区</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">天津</option>
...
</select>

function alladdr(){
var  sarea = document.getElementById("ddladdr").value
         $.ajax({
                type: 'POST',
                url: 'DataServer.ashx',
                data: sarea,
            });
}

DataServer.ashx:

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string strarea = context.Request.Form["sarea"].ToString();
            string areadata = getAreaData(strarea);
            context.Response.Write(areadata);
        }   

public string getAreaData(string areadata)
{
  ...
}

这样写可以吗？ 怎么把select里改变的值用ajax传递到DataServer中呢？

[宝_爸]

 $.ajax({
            type: "POST",
            url: "handler.ashx",
            data: { firstName: 'stack', lastName: 'overflow' },
            // DO NOT SET CONTENT TYPE to json
            // contentType: "application/json; charset=utf-8", 
            // DataType needs to stay, otherwise the response object
            // will be treated as a single string
            dataType: "json",
            success: function (response) {
                alert(response.d);
            }
        });

using System;
    using System.Web;
    using Newtonsoft.Json;

    public class Handler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";

            string myName = context.Request.Form["firstName"];

            // simulate Microsoft XSS protection
            var wrapper = new { d = myName };
            context.Response.Write(JsonConvert.SerializeObject(wrapper));
        }

        public bool IsReusable
        {
           get
           {
                return false;
           }
        }
    }

代码来自:

[宝_爸]

这个可能更简单点，不需要构造Json字符串了。 string json = new StreamReader(context.Request.InputStream).ReadToEnd(); 也是来自 http://stackoverflow.com/questions/2948628/asp-net-passing-json-from-jquery-to-ashx

[crazyleo814]

引用 3 楼 findcaiyzh 的回复:

这个可能更简单点，不需要构造Json字符串了。 string json = new StreamReader(context.Request.InputStream).ReadToEnd(); 也是来自 http://stackoverflow.com/questions/2948628/asp-net-passing-json-from-jquery-to-ashx

然后再转换为你后台定义好的任何Model都行了

[u010853793]

引用 3 楼 findcaiyzh 的回复:

这个可能更简单点，不需要构造Json字符串了。 string json = new StreamReader(context.Request.InputStream).ReadToEnd(); 也是来自 http://stackoverflow.com/questions/2948628/asp-net-passing-json-from-jquery-to-ashx

现在才知道还有这种方法可以实现，学习了

[人生导师]

你可以用JS注册SelectChange事件，然后获取通过下面的方式获得选中的值：

var selectedValue=ddar.options[ddar.selectedIndex].text;    //获取选中的值

然后再SelectChange事件里面调用你的这个代码就可以：

function alladdr(){
var ddar =document.getElementById("ddladdr");
var  sarea = ddar.options[ddar.selectedIndex].text
         $.ajax({
                type: 'POST',
                url: 'DataServer.ashx',
                data: sarea,
            });
}

这样就可以每次发生选择事件之后就可以传递值到DataServer.ashx中处理了