AJAX(prototype.js)+WEBSERVICES,实现二级联动的问题

weiqiaoxyz 2009-08-26 03:29:23

一直取不到二级列表的值 ALERT以后。弹出的是空值。不知道问题到底出在哪里了。
请求帮助。。

DEFAULT3.ASPX

<form id="form1" runat="server">

    <div id="provinceDiv">

    <select id="province" name="province" onchange="SelectCapital()">

        <option>省份</option><% = a %>

    </select>

    </div>

    

    <div id="capitalDiv"><select id="capital" name="capital">

		<option>地市级</option></select>

		</div>

    </form>

DEFAULT3.ASPX.CS

public string a = "";

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!this.IsPostBack)

        {

            SqlConnection conn = new SqlConnection(DB.strConn);

            conn.Open();

            SqlDataAdapter sdr = new SqlDataAdapter();

            sdr.SelectCommand = new SqlCommand("select * from sheng where city='0'", conn);

            DataSet ds = new DataSet();

            sdr.Fill(ds, "emp");

            string b = "";

            for (int i = 0; i < ds.Tables["emp"].Rows.Count; i++)

            {

                b += "<option>" + ds.Tables["emp"].Rows[i]["sheng"].ToString() +"</option>";

            }

            a = b;

            sdr.Dispose();

            ds.Dispose();

            conn.Close();

            conn.Dispose();

        }

    }

SELECT.JS

var path='services/system.asmx/';

function SelectCapital()

{

	var b=

		{

		method:'get',

		parameters:'name='+encodeURIComponent($F('province')),

		

		onComplete:function(a)

		{

			$('capitalDiv').update(TransXml(a.responseXML));

			alert(TransXml(a.responseXML));

		}

		};

		new Ajax.Request(path+'SelectCapital',b)

}

system.CS

[WebMethod]

    public string SelectCapital()

    {

        string name = HttpContext.Current.Request["name"].ToString();

        SqlConnection conn = new SqlConnection(DB.strConn);

        conn.Open();

        SqlCommand cmd = new SqlCommand("select * from sheng where (city<>'0' and sheng='" + name + "')", conn);

        SqlDataReader sdr = cmd.ExecuteReader();

        string b = "";

        while (sdr.Read())

        {

            b += "<option>" + sdr["city"].ToString() + "</option>";

        }

        return b;

    }

...全文

179 21 打赏收藏转发到动态举报

写回复

用AI写文章

21 条回复

切换为时间正序

请发表友善的回复…

发表回复

weiqiaoxyz 2009-08-26

打赏
举报

具体哪些操作我也不是太清楚。框架是我一同学写的。我拿过来学习的。

先谢了。结帖先

阿非 2009-08-26

打赏
举报

哦？ TransXml 这个函数你做了哪些操作

weiqiaoxyz 2009-08-26

打赏
举报

非常感谢。问题弄明白了
就是没有加配置文件。。

mxc1225 2009-08-26

打赏
举报

网上很多的!?

阿非 2009-08-26

打赏
举报

[Quote=引用 15 楼 weiqiaoxyz 的回复:]
让webservice 支持get 访问记得在配置文件中配置

那段配置文件放在哪个中间？
[/Quote]

在<system.web>中间

你可以在 aspx 所在的目录添加一个局部的配置文件这样不会影响全局的配置文件

阿非 2009-08-26

打赏
举报

你首先确保 webservice 能被调用

可以通过断点调试来确认

weiqiaoxyz 2009-08-26

打赏
举报

让webservice 支持get 访问记得在配置文件中配置

那段配置文件放在哪个中间？

阿非 2009-08-26

打赏
举报



$('capitalDiv').update(TransXml(a.responseXML));

            alert(TransXml(a.responseXML));

是这两句

只是数据库不同，其他都差不多，你对照着改下就可以的

weiqiaoxyz 2009-08-26

打赏
举报

[Quote=引用 7 楼 sandy945 的回复:]
数据库脚本可以看这里
http://blog.csdn.net/Sandy945/archive/2009/07/08/4332068.aspx
这不贴了。

HTML code<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scriptsrc='prototype.js'></script><script>var path='SelectWebService.asmx/';function SelectCapital()
{var b=
{
method:'get',
parameters:'id='+encodeURIComponent($F('province')),

onComplete:function(a)
{var htmlStart='<select id="capital" name="capital"><option>城市</option>';var htmlEnd='</select>';var value=a.responseText;var optionStr=value.substring(value.indexOf("||start||")+9,value.lastIndexOf("||end||"));
optionStr=optionStr.replace(new RegExp("<","gm"),'<').replace(new RegExp(">","gm"),'>');
$('capitalDiv').update(htmlStart+optionStr+htmlEnd);
}
};new Ajax.Request(path+'SelectCapital',b)
}</script></head><body><formid="form1" runat="server"><divid="provinceDiv"><selectid="province" name="province" onchange="SelectCapital()"><option>省份</option><%= options%></select></div><divid="capitalDiv"><selectid="capital" name="capital"><option>城市</option></select></div></form></body></html>
[/Quote]

能不能看一下我发出来的那部分。问题到底出在哪里
因为我是刚学AJAX和WEBSERVICES，所以想知道错在哪里。

阿非 2009-08-26

打赏
举报

WebService 名叫 SelectWebService 与 aspx 在同一目录

阿非 2009-08-26

打赏
举报



[WebMethod]

    public string SelectCapital()

    {

        StringBuilder sb = new StringBuilder("||start||");

        string id = HttpContext.Current.Request.QueryString["id"];

        using (SqlConnection conn = new SqlConnection("server=.;uid=sa;pwd=root;database=Test"))

        {



            SqlDataAdapter da = new SqlDataAdapter("select * from city where pId=@PID", conn);

            da.SelectCommand.Parameters.Add(new SqlParameter("@PID", id));

            DataSet ds = new DataSet();

            da.Fill(ds, "city");

            

            if (ds.Tables.Contains("city"))

            {

                for (int i = 0; i < ds.Tables["city"].Rows.Count; i++)

                {

                    sb.AppendFormat("<option>{0}</option>", ds.Tables["city"].Rows[i]["cName"]);

                }

            }            

        }

        sb.Append("||end||");

        return sb.ToString();

    }

让webservice 支持get 访问记得在配置文件中配置



<webServices>

      <protocols>

        <add name="HttpGet"/>



      </protocols>

    </webServices>

hrbwgs1111 2009-08-26

打赏
举报

帮顶，顺便发下我的问题

http://topic.csdn.net/u/20090826/16/746d1082-d020-4a08-9800-314d63b9a436.html

阿非 2009-08-26

打赏
举报



protected string options;

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!this.IsPostBack)

        {

            using (SqlConnection conn = new SqlConnection("server=.;uid=xxx;pwd=xxx;database=Test"))

            {



                SqlDataAdapter sdr = new SqlDataAdapter("select * from province ",conn);                

                DataSet ds = new DataSet();

                sdr.Fill(ds, "province");

                StringBuilder sb = new StringBuilder();

                if (ds.Tables.Contains("province"))

                {

                    for (int i = 0; i < ds.Tables["province"].Rows.Count; i++)

                    {

                        sb.AppendFormat("<option value='{0}'>{1}</option>", ds.Tables["province"].Rows[i]["pId"], ds.Tables["province"].Rows[i]["pName"]);

                    }                    

                }

                options = sb.ToString();

            }

        }

        

    }

hrbwgs1111 2009-08-26

打赏
举报

帮顶，顺便发下我的问题

http://topic.csdn.net/u/20090826/16/746d1082-d020-4a08-9800-314d63b9a436.html

阿非 2009-08-26

打赏
举报

数据库脚本可以看这里
http://blog.csdn.net/Sandy945/archive/2009/07/08/4332068.aspx
这不贴了。





<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

    <script src='prototype.js'></script>

    <script>

    var path='SelectWebService.asmx/';

function SelectCapital()

{

    var b=

        {

        method:'get',

        parameters:'id='+encodeURIComponent($F('province')),

        

        onComplete:function(a)

        {

            var htmlStart='<select id="capital" name="capital"><option>城市</option>';

            var htmlEnd='</select>';                        

            var value=a.responseText;            

            var optionStr=value.substring(value.indexOf("||start||")+9,value.lastIndexOf("||end||"));

            optionStr=optionStr.replace(new RegExp("<","gm"),'<').replace(new RegExp(">","gm"),'>');                          

            $('capitalDiv').update(htmlStart+optionStr+htmlEnd);            

        }

        };

        new Ajax.Request(path+'SelectCapital',b)

}



    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="provinceDiv">

    <select id="province" name="province" onchange="SelectCapital()">

        <option>省份</option><% = options %>        

    </select>

    </div>

    

    <div id="capitalDiv"><select id="capital" name="capital">

        <option>城市</option></select>

        </div>



    </form>

</body>

</html>