none
一个城市联动,如何实现点一个城市,显示相应的联系地址? RRS feed

  • 问题

  • 在上面下拉选择城市或者在地图上选择城市,在左下角都会显示相应城的联系方式。用到了:provincesdata.js   jquery.provincesCity.js    jquery-1.2.6.js   三个JS。需要调用json,这是前台一段调用代码。但不知道怎么写POST那个程序,请知道的高手指点一下,不甚感激。
    <script type="text/javascript">
    //预加载
    jQuery.fn.loadthumb = function(options) {
           options = $.extend({
                   src : ""
           },options);
        $(".viewfram").append("<img class='loading' src='../images/loading.gif'/>");
           var _self = this;
           _self.hide();
           var img = new Image();
           $(img).load(function(){
            $(".loading").remove();
                  _self.attr("src", options.src);
                   $(".showbox").css("width",img.width);
                  _self.fadeIn("slow");
           }).attr("src", options.src);
           return _self;
    };
    function loadstoreadd(_city,_Province){
        $("ul.storeadd li").remove();
        $("ul.storeadd").append("<img class='loading' src='../images/loading.gif'/>");
        $.post("这里的程序不知道怎么写。", { Action: "post", city: _city,Province: _Province },
        function (data, textStatus){
            $(".loading").remove();
            $("ul.storeadd").append(data.result);
        },
         "json");  
    }
    $(function(){
       $(".selectpic img").css("cursor","hand").bind("click", function(){$(".showbox img").loadthumb({src:"../upload/09/"+$(this).attr("alt")+".jpg"});});
       $("#map a").css("cursor","hand").bind("click",function(){loadstoreadd($(this).html(),"");$("#map a").removeClass("select");$(this).addClass("select");});
       $("#test").ProvinceCity();
       loadstoreadd("广州");
       $("#map a.广州").addClass("select");
    });
    </script>

     

    关键是后端action中怎么根据前端传来的
    json解释出city和Province,并查询到city和Province对应的联系方式,这个后台不知道怎么写。请指教

    • 已移动 Raymond TangModerator 2010年6月17日 5:52 (发件人:.NET Framework 一般性问题讨论区)
    2010年6月17日 3:59

答案

  • 你好,

    利用下面方式应该可以:

     $.ajax({
            data: "id=" +'<%=Model.Id %>',
            type: "post",
            url: "/Home/ApplyJob",
            dataType: "json",
            success: function(result) { applySucced(result); }
          });

    在applySucced中显示从服务器端获得的数据。

    后台你返回一个包含city、province和联系方式三个属性的对象即可。即把包含这三个属性的对象xml序列化返回就行了。


    Microsoft Online Community Support
    2010年6月21日 2:37