欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQuery+ajax怎么樣實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例

2024-02-23    分類: 網(wǎng)站建設(shè)

前臺(tái)用AJAX直接調(diào)用后臺(tái)方法,總是有人發(fā)帖提問(wèn),下面是做的一個(gè)前臺(tái)用JQUERY,AJAX調(diào)用后臺(tái)方法做的無(wú)刷新級(jí)聯(lián)菜單

CasMenu.aspx頁(yè)面:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Porschev--前臺(tái)JS(Jquery)調(diào)用后臺(tái)方法 級(jí)聯(lián)菜單</title> <script src="js/jquery-1.3.2-vsdoc.js" mce_src="js/jquery-1.3.2-vsdoc.js" type="text/javascript"></mce:script> <script type="text/javascript"> $(function() { $("#selPro").change(function() { //省份下拉菜單的change事件 var params = '{str:"' + $(this).val() + '"}'; //此處參數(shù)名要注意和后臺(tái)方法參數(shù)名要一致 $.ajax({ type: "POST", //提交方式 url: "CasMenu.aspx/ShowCity", //提交的頁(yè)面/方法名 data: params, //參數(shù)(如果沒(méi)有參數(shù):null) dataType: "text", //類型 contentType: "application/json; charset=utf-8", beforeSend: function(XMLHttpRequest) { $('#tipsDiv').text("正在查詢..."); }, success: function(msg) { $('#tipsDiv').text("查詢成功!"); $("#selCity option").each(function() { $(this).remove(); //移除原有項(xiàng) }); $("<option value='0'>===請(qǐng)選擇===</option>").appendTo("#selCity"); //添加一個(gè)默認(rèn)項(xiàng) $(eval("(" + msg + ")").d).appendTo("#selCity"); //將返回來(lái)的項(xiàng)添加到下拉菜單中 }, error: function(xhr, msg, e) { alert("error"); } }); }); }); </script> </head> <body> <form id="form1" runat="server"> <div> Porschev--前臺(tái)JS(Jquery)調(diào)用后臺(tái)方法 級(jí)聯(lián)菜單<br /> <br /> <select id="selPro" name="selPro"> <%=strPro %> </select>省(直轄市) <select id="selCity" name="selCity"> <option value="0">===請(qǐng)選擇===</option> </select>(市) </div> <div id="tipsDiv"> </div> </form> </body> </html> CasMenu.aspx.cs

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using CasMenuModels; using CasMenuBLL; using System.Text; public partial class _Default : System.Web.UI.Page { public static string strPro = string.Empty; //省份下拉項(xiàng) public static string strCity = string.Empty; //城市下拉項(xiàng) protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { } ShowPro(); }

#region##省份下拉列表框 /// <summary> /// 省份下拉列表框 /// </summary> /// <returns></returns> public string ShowPro() { StringBuilder str = new StringBuilder(); //得到所有省份集合 List<CasMenuModels.Province> list = new CasMenuBLL.ProvinceManager().GetAllProvince(); //添加一個(gè)初始項(xiàng) str.Append("<option value=\""); str.Append("0"); str.Append("\">"); str.Append("===請(qǐng)選擇==="); str.Append("</option>");

//循環(huán)追加省份下拉項(xiàng) foreach (CasMenuModels.Province p in list) { str.Append("<option value=\""); str.Append(p.ProvinceId); str.Append("\">"); str.Append(p.ProvinceName); str.Append("</option>"); } return strPro = str.ToString(); }

#endregion #region##城市下拉列表框 /// <summary> /// 城市下拉列表框 /// </summary> /// <param name="str">省份ID</param> /// <returns></returns> [System.Web.Services.WebMethod()] public static string ShowCity(string str) //方法是靜態(tài)的 { StringBuilder strCi = new StringBuilder(); if (str == "0") //為初始項(xiàng) { strCi.Append("<option value=\""); strCi.Append("請(qǐng)選擇"); strCi.Append("\">"); strCi.Append("請(qǐng)選擇"); strCi.Append("</option>"); } else { List<CasMenuModels.City> list = new CasMenuBLL.CityManager().GetAllByProId(Convert.ToInt32(str)); //根據(jù)省份ID得到城市集合 foreach (City c in list) { strCi.Append("<option value=\""); strCi.Append(c.CityId); strCi.Append("\">"); strCi.Append(c.CityName); strCi.Append("</option>"); } } return strCity = strCi.ToString(); } #endregion }

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!

本文標(biāo)題:jQuery+ajax怎么樣實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例
網(wǎng)站鏈接:http://chinadenli.net/news2/318552.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司網(wǎng)站排名外貿(mào)建站商城網(wǎng)站關(guān)鍵詞優(yōu)化品牌網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

小程序開(kāi)發(fā)