使用 AjaxPro 开发四级无刷新联动下拉框

开发环境 VS.NET 2005    C#    Oracle   AjaxPro   

最近忙没时间详细解释，先把通用的源码贴出自己看。

出于对性能的考虑，把省市两级写成JS数组，把县区（镇）两级写在 Oracle 里。通过 JS 触发 C# 去读取数据库，然后将数据回传给 JS ，再绑定显示。

操作 采用更通用的 createElement() 而没有使用 options.add()

 

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

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 runat = " server " >
     < title > 地区 title >
head >
< body >
     < form id = " form1 "  runat = " server " >
         < table >
             < tr >
                 < td >
                     < select id = " SF " >
                         < option selected = " selected " > —请选择— option >
                     select >
                 td >
                 < td >
                     < select id = " CS " >
                         < option selected = " selected " > —请选择— option >
                     select >
                 td >
                 < td >
                     < select id = " Xian " >
                         < option selected = " selected " > —请选择— option >
                     select >
                 td >
                 < td >
                     < select id = " Zhen " >
                         < option selected = " selected " > —请选择— option >
                     select >
                 td >
             tr >
         table >

< script type = " text/javascript " >
var  aDQ = new  Array();

    // id  城市名  所属省份id  域名
aDQ[ 0 ] = [ " 11 " , " 北京 " , " 0 " , " bj " ];
aDQ[ 1 ] = [ " 12 " , " 天津 " , " 0 " , " tj " ];
aDQ[ 2 ] = [ " 13 " , " 河北 " , " 0 " , " hb " ];
aDQ[ 3 ] = [ " 14 " , " 山西 " , " 0 " , " shang " ];
aDQ[ 4 ] = [ " 15 " , " 内蒙古 " , " 0 " , " nmg " ];
aDQ[ 5 ] = [ " 21 " , " 辽宁 " , " 0 " , " ln " ];
aDQ[ 6 ] = [ " 22 " , " 吉林 " , " 0 " , " jl " ];
aDQ[ 7 ] = [ " 23 " , " 黑龙江 " , " 0 " , " hlj " ];
aDQ[ 8 ] = [ " 31 " , " 上海 " , " 0 " , " sh " ];
aDQ[ 9 ] = [ " 32 " , " 江苏 " , " 0 " , " js " ];
aDQ[ 10 ] = [ " 33 " , " 浙江 " , " 0 " , " zhej " ];
aDQ[ 11 ] = [ " 34 " , " 安徽 " , " 0 " , " ah " ];
aDQ[ 12 ] = [ " 35 " , " 福建 " , " 0 " , " fj " ];
aDQ[ 13 ] = [ " 36 " , " 江西 " , " 0 " , " jw " ];
aDQ[ 14 ] = [ " 37 " , " 山东 " , " 0 " , " sd " ];
aDQ[ 15 ] = [ " 41 " , " 河南 " , " 0 " , " he " ];
aDQ[ 16 ] = [ " 42 " , " 湖北 " , " 0 " , " hu " ];
aDQ[ 17 ] = [ " 43 " , " 湖南 " , " 0 " , " hn " ];
aDQ[ 18 ] = [ " 44 " , " 广东 " , " 0 " , " gd " ];
aDQ[ 19 ] = [ " 45 " , " 广西 " , " 0 " , " gx " ];
aDQ[ 20 ] = [ " 46 " , " 海南 " , " 0 " , " hain " ];
aDQ[ 21 ] = [ " 50 " , " 重庆 " , " 0 " , " cq " ];
aDQ[ 22 ] = [ " 51 " , " 四川 " , " 0 " , " sc " ];
aDQ[ 23 ] = [ " 52 " , " 贵州 " , " 0 " , " gui " ];
aDQ[ 24 ] = [ " 53 " , " 云南 " , " 0 " , " yn " ];
aDQ[ 25 ] = [ " 54 " , " 西藏 " , " 0 " , " wc " ];
aDQ[ 26 ] = [ " 61 " , " 陕西 " , " 0 " , " shangx " ];
aDQ[ 27 ] = [ " 62 " , " 甘肃 " , " 0 " , " gs " ];
aDQ[ 28 ] = [ " 63 " , " 青海 " , " 0 " , " qh " ];
aDQ[ 29 ] = [ " 64 " , " 宁夏 " , " 0 " , " nx " ];
aDQ[ 30 ] = [ " 65 " , " 新疆 " , " 0 " , " xj " ];
aDQ[ 31 ] = [ " 71 " , " 台湾 " , " 0 " , " tw " ];
aDQ[ 32 ] = [ " 81 " , " 香港 " , " 0 " , " xg " ];
aDQ[ 33 ] = [ " 82 " , " 澳门 " , " 0 " , " am " ];
aDQ[ 34 ] = [ " 1101 " , " 北京城区 " , " 11 " , " bjcq " ];
aDQ[ 35 ] = [ " 1102 " , " 北京县区 " , " 11 " , " bjxq " ];
aDQ[ 36 ] = [ " 1201 " , " 天津城区 " , " 12 " , " tjcq " ];
aDQ[ 37 ] = [ " 1202 " , " 天津县区 " , " 12 " , " tjxq " ];
aDQ[ 38 ] = [ " 1301 " , " 石家庄 " , " 13 " , " sjz " ];
aDQ[ 39 ] = [ " 1302 " , " 唐山 " , " 13 " , " hbts " ];
aDQ[ 40 ] = [ " 1303 " , " 秦皇岛 " , " 13 " , " qhd " ];
aDQ[ 41 ] = [ " 1304 " , " 邯郸 " , " 13 " , " hd " ];
aDQ[ 42 ] = [ " 1305 " , " 邢台 " , " 13 " , " hbxt " ];
aDQ[ 43 ] = [ " 1306 " , " 保定 " , " 13 " , " bd " ];
aDQ[ 44 ] = [ " 1307 " , " 张家口 " , " 13 " , " zjk " ];
aDQ[ 45 ] = [ " 1308 " , " 承德 " , " 13 " , " cd " ];
aDQ[ 46 ] = [ " 1309 " , " 沧州 " , " 13 " , " hbcz " ];
aDQ[ 47 ] = [ " 1310 " , " 廊坊 " , " 13 " , " lf " ];
aDQ[ 48 ] = [ " 1311 " , " 衡水 " , " 13 " , " hbhs " ];
aDQ[ 49 ] = [ " 1401 " , " 太原 " , " 14 " , " ty " ];
aDQ[ 50 ] = [ " 1402 " , " 大同 " , " 14 " , " dt " ];
aDQ[ 51 ] = [ " 1403 " , " 阳泉 " , " 14 " , " yq " ];
aDQ[ 52 ] = [ " 1404 " , " 长治 " , " 14 " , " swcz " ];
aDQ[ 53 ] = [ " 1405 " , " 晋城 " , " 14 " , " swjc " ];
aDQ[ 54 ] = [ " 1406 " , " 朔州 " , " 14 " , " swsz " ];
aDQ[ 55 ] = [ " 1501 " , " 呼和浩特 " , " 15 " , " hhht " ];
aDQ[ 56 ] = [ " 1502 " , " 包头 " , " 15 " , " bt " ];
aDQ[ 57 ] = [ " 1503 " , " 乌海 " , " 15 " , " nmgwh " ];
aDQ[ 58 ] = [ " 1504 " , " 赤峰 " , " 15 " , " cf " ];
aDQ[ 59 ] = [ " 1521 " , " 呼伦贝尔盟 " , " 15 " , " hlbem " ];
aDQ[ 60 ] = [ " 1522 " , " 兴安盟 " , " 15 " , " xam " ];
aDQ[ 61 ] = [ " 1523 " , " 哲里木盟 " , " 15 " , " zlmm " ];
aDQ[ 62 ] = [ " 1525 " , " 锡林郭勒盟 " , " 15 " , " wlglm " ];
aDQ[ 63 ] = [ " 1526 " , " 乌兰察布盟 " , " 15 " , " wlcbm " ];
aDQ[ 64 ] = [ " 1527 " , " 鄂尔多斯 " , " 15 " , " eeds " ];
aDQ[ 65 ] = [ " 1528 " , " 巴彦淖尔盟 " , " 15 " , " bynem " ];
aDQ[ 66 ] = [ " 1529 " , " 阿拉善盟 " , " 15 " , " alsm " ];
aDQ[ 67 ] = [ " 2101 " , " 沈阳 " , " 21 " , " lnsy " ];
aDQ[ 68 ] = [ " 2102 " , " 大连 " , " 21 " , " dl " ];
aDQ[ 69 ] = [ " 2103 " , " 鞍山 " , " 21 " , " as " ];
aDQ[ 70 ] = [ " 2104 " , " 抚顺 " , " 21 " , " lnfs " ];
aDQ[ 71 ] = [ " 2105 " , " 本溪 " , " 21 " , " bx " ];
aDQ[ 72 ] = [ " 2106 " , " 丹东 " , " 21 " , " dd " ];
aDQ[ 73 ] = [ " 2107 " , " 锦州 " , " 21 " , " jz " ];
aDQ[ 74 ] = [ " 2108 " , " 营口 " , " 21 " , " yk " ];
aDQ[ 75 ] = [ " 2109 " , " 阜新 " , " 21 " , " fx " ];
aDQ[ 76 ] = [ " 2110 " , " 辽阳 " , " 21 " , " lnly " ];
aDQ[ 77 ] = [ " 2111 " , " 盘锦 " , " 21 " , " pj " ];
aDQ[ 78 ] = [ " 2112 " , " 铁岭 " , " 21 " , " lntl " ];
aDQ[ 79 ] = [ " 2113 " , " 朝阳 " , " 21 " , " cy " ];
aDQ[ 80 ] = [ " 2114 " , " 葫芦岛 " , " 21 " , " hld " ];
aDQ[ 81 ] = [ " 2201 " , " 长春 " , " 22 " , " cc " ];
aDQ[ 82 ] = [ " 2202 " , " 吉林 " , " 22 " , " jljl " ];
aDQ[ 83 ] = [ " 2203 " , " 四平 " , " 22 " , " sp " ];
aDQ[ 84 ] = [ " 2204 " , " 辽源 " , " 22 " , " jlly " ];
aDQ[ 85 ] = [ " 2205 " , " 通化 " , " 22 " , " th " ];
aDQ[ 86 ] = [ " 2206 " , " 白山 " , " 22 " , " bs " ];
aDQ[ 87 ] = [ " 2207 " , " 松原 " , " 22 " , " jlsy " ];
aDQ[ 88 ] = [ " 2208 " , " 白城 " , " 22 " , " bc " ];
aDQ[ 89 ] = [ " 2224 " , " 延边 " , " 22 " , " jlyb " ];
aDQ[ 90 ] = [ " 2301 " , " 哈尔滨 " , " 23 " , " heb " ];
aDQ[ 91 ] = [ " 2302 " , " 齐齐哈尔 " , " 23 " , " qqhe " ];
aDQ[ 92 ] = [ " 2303 " , " 鸡西 " , " 23 " , " hljjw " ];
aDQ[ 93 ] = [ " 2304 " , " 鹤岗 " , " 23 " , " hg " ];
aDQ[ 94 ] = [ " 2305 " , " 双鸭山 " , " 23 " , " sys " ];
aDQ[ 95 ] = [ " 2306 " , " 大庆 " , " 23 " , " dq " ];
aDQ[ 96 ] = [ " 2307 " , " 伊春 " , " 23 " , " hljyc " ];
aDQ[ 97 ] = [ " 2308 " , " 佳木斯 " , " 23 " , " jms " ];
aDQ[ 98 ] = [ " 2309 " , " 七台河 " , " 23 " , " qth " ];
aDQ[ 99 ] = [ " 2310 " , " 牡丹江 " , " 23 " , " mdj " ];
aDQ[ 100 ] = [ " 2311 " , " 黑河 " , " 23 " , " hh " ];
aDQ[ 101 ] = [ " 3101 " , " 上海市区 " , " 31 " , " shsq " ];
aDQ[ 102 ] = [ " 3102 " , " 上海县区 " , " 31 " , " shxq " ];
aDQ[ 103 ] = [ " 3201 " , " 南京 " , " 32 " , " nj " ];
aDQ[ 104 ] = [ " 3202 " , " 无锡 " , " 32 " , " ww " ];
aDQ[ 105 ] = [ " 3203 " , " 徐州 " , " 32 " , " xz " ];
aDQ[ 106 ] = [ " 3204 " , " 常州 " , " 32 " , " jscz " ];
aDQ[ 107 ] = [ " 3205 " , " 苏州 " , " 32 " , " shu " ];
aDQ[ 108 ] = [ " 3206 " , " 南通 " , " 32 " , " nt " ];
aDQ[ 109 ] = [ " 3207 " , " 连云港 " , " 32 " , " lyg " ];
aDQ[ 110 ] = [ " 3208 " , " 淮安 " , " 32 " , " ha " ];
aDQ[ 111 ] = [ " 3209 " , " 盐城 " , " 32 " , " jsyc " ];
aDQ[ 112 ] = [ " 3210 " , " 扬州 " , " 32 " , " yz " ];
aDQ[ 113 ] = [ " 3211 " , " 镇江 " , " 32 " , " jszj " ];
aDQ[ 114 ] = [ " 3212 " , " 泰州 " , " 32 " , " tz " ];
aDQ[ 115 ] = [ " 3213 " , " 宿迁 " , " 32 " , " sq " ];
aDQ[ 116 ] = [ " 3301 " , " 杭州 " , " 33 " , " han " ];
aDQ[ 117 ] = [ " 3302 " , " 宁波 " , " 33 " , " nb " ];
aDQ[ 118 ] = [ " 3303 " , " 温州 " , " 33 " , " zjwz " ];
aDQ[ 119 ] = [ " 3304 " , " 嘉兴 " , " 33 " , " jx " ];
aDQ[ 120 ] = [ " 3305 " , " 湖州 " , " 33 " , " zjhz " ];
aDQ[ 121 ] = [ " 3306 " , " 绍兴 " , " 33 " , " sx " ];
aDQ[ 122 ] = [ " 3307 " , " 金华 " , " 33 " , " jh " ];
aDQ[ 123 ] = [ " 3308 " , " 衢州 " , " 33 " , " zjqz " ];
aDQ[ 124 ] = [ " 3309 " , " 舟山 " , " 33 " , " zjzs " ];
aDQ[ 125 ] = [ " 3310 " , " 台州 " , " 33 " , " zjtz " ];
aDQ[ 126 ] = [ " 3311 " , " 义乌 " , " 33 " , " yw " ];
aDQ[ 127 ] = [ " 3325 " , " 丽水 " , " 33 " , " zjls " ];
aDQ[ 128 ] = [ " 3401 " , " 合肥 " , " 34 " , " hf " ];
aDQ[ 129 ] = [ " 3402 " , " 芜湖 " , " 34 " , " wh " ];
aDQ[ 130 ] = [ " 3403 " , " 蚌埠 " , " 34 " , " bb " ];
aDQ[ 131 ] = [ " 3404 " , " 淮南 " , " 34 " , " hnx " ];
aDQ[ 132 ] = [ " 3405 " , " 马鞍山 " , " 34 " , " mas " ];
aDQ[ 133 ] = [ " 3406 " , " 淮北 " , " 34 " , " huib " ];
aDQ[ 134 ] = [ " 3407 " , " 铜陵 " , " 34 " , " tl " ];
aDQ[ 135 ] = [ " 3408 " , " 安庆 " , " 34 " , " aq " ];
aDQ[ 136 ] = [ " 3410 " , " 黄山 " , " 34 " , " hs " ];
aDQ[ 137 ] = [ " 3411 " , " 滁州 " , " 34 " , " ahcz " ];
aDQ[ 138 ] = [ " 3412 " , " 阜阳 " , " 34 " , " fy " ];
aDQ[ 139 ] = [ " 3413 " , " 宿州 " , " 34 " , " ahsz " ];
aDQ[ 140 ] = [ " 3416 " , " 毫州 " , " 34 " , " ahhz " ];
aDQ[ 141 ] = [ " 51011117 " , " 池州 " , " 34 " , "" ];
aDQ[ 142 ] = [ " 51011118 " , " 六安 " , " 34 " , "" ];
aDQ[ 143 ] = [ " 51011119 " , " 宣城  " , " 34 " , "" ];
aDQ[ 144 ] = [ " 3501 " , " 福州 " , " 35 " , " fz " ];
aDQ[ 145 ] = [ " 3502 " , " 厦门 " , " 35 " , " xm " ];
aDQ[ 146 ] = [ " 3503 " , " 莆田 " , " 35 " , " pt " ];
aDQ[ 147 ] = [ " 3504 " , " 三明 " , " 35 " , " sm " ];
aDQ[ 148 ] = [ " 3505 " , " 泉州 " , " 35 " , " qz " ];
aDQ[ 149 ] = [ " 3506 " , " 漳州 " , " 35 " , " fzz " ];
aDQ[ 150 ] = [ " 3507 " , " 南平 " , " 35 " , " np " ];
aDQ[ 151 ] = [ " 3508 " , " 龙岩 " , " 35 " , " fjly " ];
aDQ[ 152 ] = [ " 3509 " , " 宁德 " , " 35 " , " fjnd " ];
aDQ[ 153 ] = [ " 3601 " , " 南昌 " , " 36 " , " jwnc " ];
aDQ[ 154 ] = [ " 3602 " , " 景德镇 " , " 36 " , " jdz " ];
aDQ[ 155 ] = [ " 3603 " , " 萍乡 " , " 36 " , " px " ];
aDQ[ 156 ] = [ " 3604 " , " 九江 " , " 36 " , " jj " ];
aDQ[ 157 ] = [ " 3605 " , " 新余 " , " 36 " , " xy " ];
aDQ[ 158 ] = [ " 3606 " , " 鹰潭 " , " 36 " , " jwyt " ];
aDQ[ 159 ] = [ " 3607 " , " 赣州 " , " 36 " , " jwgz " ];
aDQ[ 160 ] = [ " 3701 " , " 济南 " , " 37 " , " jn " ];
aDQ[ 161 ] = [ " 3702 " , " 青岛 " , " 37 " , " qd " ];
aDQ[ 162 ] = [ " 3703 " , " 淄博 " , " 37 " , " zb " ];
aDQ[ 163 ] = [ " 3704 " , " 枣庄 " , " 37 " , " sdzz " ];
aDQ[ 164 ] = [ " 3705 " , " 东营 " , " 37 " , " sddy " ];
aDQ[ 165 ] = [ " 3706 " , " 烟台 " , " 37 " , " yt " ];
aDQ[ 166 ] = [ " 3707 " , " 潍坊 " , " 37 " , " wf " ];
aDQ[ 167 ] = [ " 3708 " , " 济宁 " , " 37 " , " sdjn " ];
aDQ[ 168 ] = [ " 3709 " , " 泰安 " , " 37 " , " ta " ];
aDQ[ 169 ] = [ " 3710 " , " 威海 " , " 37 " , " sdwh " ];
aDQ[ 170 ] = [ " 3711 " , " 日照 " , " 37 " , " rz " ];
aDQ[ 171 ] = [ " 3712 " , " 莱芜 " , " 37 " , " lw " ];
aDQ[ 172 ] = [ " 3713 " , " 临沂 " , " 37 " , " ly " ];
aDQ[ 173 ] = [ " 3714 " , " 德州 " , " 37 " , " sddz " ];
aDQ[ 174 ] = [ " 3715 " , " 聊城 " , " 37 " , " lc " ];
aDQ[ 175 ] = [ " 4101 " , " 郑州 " , " 41 " , " zhen " ];
aDQ[ 176 ] = [ " 4102 " , " 开封 " , " 41 " , " kf " ];
aDQ[ 177 ] = [ " 4103 " , " 洛阳 " , " 41 " , " hnly " ];
aDQ[ 178 ] = [ " 4104 " , " 平顶山 " , " 41 " , " pds " ];
aDQ[ 179 ] = [ " 4105 " , " 安阳 " , " 41 " , " ay " ];
aDQ[ 180 ] = [ " 4106 " , " 鹤壁 " , " 41 " , " hebi " ];
aDQ[ 181 ] = [ " 4107 " , " 新乡 " , " 41 " , " xx " ];
aDQ[ 182 ] = [ " 4108 " , " 焦作 " , " 41 " , " hnjz " ];
aDQ[ 183 ] = [ " 4109 " , " 濮阳 " , " 41 " , " zy " ];
aDQ[ 184 ] = [ " 4110 " , " 许昌 " , " 41 " , " xc " ];
aDQ[ 185 ] = [ " 4111 " , " 漯河 " , " 41 " , " zhe " ];
aDQ[ 186 ] = [ " 4112 " , " 三门峡 " , " 41 " , " smx " ];
aDQ[ 187 ] = [ " 4113 " , " 南阳 " , " 41 " , " ny " ];
aDQ[ 188 ] = [ " 4114 " , " 商丘 " , " 41 " , " hnsq " ];
aDQ[ 189 ] = [ " 4115 " , " 信阳 " , " 41 " , " hnxy " ];
aDQ[ 190 ] = [ " 4201 " , " 武汉 " , " 42 " , " hbwh " ];
aDQ[ 191 ] = [ " 4202 " , " 黄石 " , " 42 " , " hhs " ];
aDQ[ 192 ] = [ " 4203 " , " 十堰 " , " 42 " , " sy " ];
aDQ[ 193 ] = [ " 4205 " , " 宜昌 " , " 42 " , " hbyc " ];
aDQ[ 194 ] = [ " 4206 " , " 襄樊 " , " 42 " , " xf " ];
aDQ[ 195 ] = [ " 4207 " , " 鄂州 " , " 42 " , " ez " ];
aDQ[ 196 ] = [ " 4208 " , " 荆门 " , " 42 " , " hbjm " ];
aDQ[ 197 ] = [ " 4209 " , " 孝感 " , " 42 " , " hbxg " ];
aDQ[ 198 ] = [ " 4210 " , " 荆州 " , " 42 " , " hbjz " ];
aDQ[ 199 ] = [ " 4211 " , " 黄冈 " , " 42 " , " hbhg " ];
aDQ[ 200 ] = [ " 4212 " , " 咸宁 " , " 42 " , " xn " ];
aDQ[ 201 ] = [ " 4228 " , " 恩施 " , " 42 " , " es " ];
aDQ[ 202 ] = [ " 4301 " , " 长沙 " , " 43 " , " cs " ];
aDQ[ 203 ] = [ " 4302 " , " 株洲 " , " 43 " , " hnzz " ];
aDQ[ 204 ] = [ " 4303 " , " 湘潭 " , " 43 " , " xt " ];
aDQ[ 205 ] = [ " 4304 " , " 衡阳 " , " 43 " , " hnhy " ];
aDQ[ 206 ] = [ " 4305 " , " 邵阳 " , " 43 " , " shao " ];
aDQ[ 207 ] = [ " 4306 " , " 岳阳 " , " 43 " , " yy " ];
aDQ[ 208 ] = [ " 4307 " , " 常德 " , " 43 " , " hncd " ];
aDQ[ 209 ] = [ " 4308 " , " 张家界 " , " 43 " , " zjj " ];
aDQ[ 210 ] = [ " 4309 " , " 益阳 " , " 43 " , " hnyy " ];
aDQ[ 211 ] = [ " 4310 " , " 郴州 " , " 43 " , " hncz " ];
aDQ[ 212 ] = [ " 4311 " , " 永州 " , " 43 " , " hnyz " ];
aDQ[ 213 ] = [ " 4312 " , " 怀化 " , " 43 " , " hnhh " ];
aDQ[ 214 ] = [ " 4331 " , " 湘西 " , " 43 " , " xw " ];
aDQ[ 215 ] = [ " 4401 " , " 广州 " , " 44 " , " gz " ];
aDQ[ 216 ] = [ " 4402 " , " 韶关 " , " 44 " , " sg " ];
aDQ[ 217 ] = [ " 4403 " , " 深圳 " , " 44 " , " sz " ];
aDQ[ 218 ] = [ " 4404 " , " 珠海 " , " 44 " , " zh " ];
aDQ[ 219 ] = [ " 4405 " , " 汕头 " , " 44 " , " st " ];
aDQ[ 220 ] = [ " 4406 " , " 佛山 " , " 44 " , " fs " ];
aDQ[ 221 ] = [ " 4407 " , " 江门 " , " 44 " , " jm " ];
aDQ[ 222 ] = [ " 4408 " , " 湛江 " , " 44 " , " zj " ];
aDQ[ 223 ] = [ " 4409 " , " 茂名 " , " 44 " , " mm " ];
aDQ[ 224 ] = [ " 4412 " , " 肇庆 " , " 44 " , " zq " ];
aDQ[ 225 ] = [ " 4413 " , " 惠州 " , " 44 " , " hz " ];
aDQ[ 226 ] = [ " 4414 " , " 梅州 " , " 44 " , " mz " ];
aDQ[ 227 ] = [ " 4415 " , " 汕尾 " , " 44 " , " shanw " ];
aDQ[ 228 ] = [ " 4416 " , " 河源 " , " 44 " , " hy " ];
aDQ[ 229 ] = [ " 4417 " , " 阳江 " , " 44 " , " yj " ];
aDQ[ 230 ] = [ " 4418 " , " 清远 " , " 44 " , " qy " ];
aDQ[ 231 ] = [ " 4419 " , " 东莞 " , " 44 " , " dz " ];
aDQ[ 232 ] = [ " 4420 " , " 中山 " , " 44 " , " zs " ];
aDQ[ 233 ] = [ " 4451 " , " 潮州 " , " 44 " , " cz " ];
aDQ[ 234 ] = [ " 4452 " , " 揭阳 " , " 44 " , " jy " ];
aDQ[ 235 ] = [ " 4453 " , " 云浮 " , " 44 " , " yf " ];
aDQ[ 236 ] = [ " 4501 " , " 南宁 " , " 45 " , " nn " ];
aDQ[ 237 ] = [ " 4502 " , " 柳州 " , " 45 " , " lz " ];
aDQ[ 238 ] = [ " 4503 " , " 桂林 " , " 45 " , " gwgl " ];
aDQ[ 239 ] = [ " 4504 " , " 梧州 " , " 45 " , " gwwz " ];
aDQ[ 240 ] = [ " 4505 " , " 北海 " , " 45 " , " bh " ];
aDQ[ 241 ] = [ " 4506 " , " 防城港 " , " 45 " , " fcg " ];
aDQ[ 242 ] = [ " 4507 " , " 钦州 " , " 45 " , " gqz " ];
aDQ[ 243 ] = [ " 4508 " , " 贵港 " , " 45 " , " gg " ];
aDQ[ 244 ] = [ " 4509 " , " 玉林 " , " 45 " , " yl " ];
aDQ[ 245 ] = [ " 4601 " , " 海口 " , " 46 " , " hk " ];
aDQ[ 246 ] = [ " 4602 " , " 三亚 " , " 46 " , " hnsy " ];
aDQ[ 247 ] = [ " 5002 " , " 重庆县区 " , " 50 " , " zqxq " ];
aDQ[ 248 ] = [ " 5003 " , " 重庆城区 " , " 50 " , " zqcq " ];
aDQ[ 249 ] = [ " 5101 " , " 成都 " , " 51 " , " sccd " ];
aDQ[ 250 ] = [ " 5103 " , " 自贡 " , " 51 " , " zg " ];
aDQ[ 251 ] = [ " 5104 " , " 攀枝花 " , " 51 " , " pzh " ];
aDQ[ 252 ] = [ " 5105 " , " 泸州 " , " 51 " , " sczz " ];
aDQ[ 253 ] = [ " 5106 " , " 德阳 " , " 51 " , " dy " ];
aDQ[ 254 ] = [ " 5107 " , " 绵阳 " , " 51 " , " my " ];
aDQ[ 255 ] = [ " 5108 " , " 广元 " , " 51 " , " gy " ];
aDQ[ 256 ] = [ " 5109 " , " 遂宁 " , " 51 " , " sn " ];
aDQ[ 257 ] = [ " 5110 " , " 内江 " , " 51 " , " scnj " ];
aDQ[ 258 ] = [ " 5111 " , " 乐山 " , " 51 " , " ls " ];
aDQ[ 259 ] = [ " 5113 " , " 南充 " , " 51 " , " nc " ];
aDQ[ 260 ] = [ " 5115 " , " 宜宾 " , " 51 " , " yb " ];
aDQ[ 261 ] = [ " 5116 " , " 广安 " , " 51 " , " ga " ];
aDQ[ 262 ] = [ " 5130 " , " 达州 " , " 51 " , " scdz " ];
aDQ[ 263 ] = [ " 5132 " , " 阿坝 " , " 51 " , " ab " ];
aDQ[ 264 ] = [ " 5133 " , " 甘孜 " , " 51 " , " scgz " ];
aDQ[ 265 ] = [ " 5134 " , " 凉山 " , " 51 " , " scls " ];
aDQ[ 266 ] = [ " 5201 " , " 贵阳 " , " 52 " , " gzgy " ];
aDQ[ 267 ] = [ " 5202 " , " 六盘水 " , " 52 " , " lps " ];
aDQ[ 268 ] = [ " 5203 " , " 遵义 " , " 52 " , " gzzy " ];
aDQ[ 269 ] = [ " 5223 " , " 黔西南 " , " 52 " , " qwn " ];
aDQ[ 270 ] = [ " 5226 " , " 黔东南 " , " 52 " , " qdn " ];
aDQ[ 271 ] = [ " 5227 " , " 黔南 " , " 52 " , " qn " ];
aDQ[ 272 ] = [ " 5301 " , " 昆明 " , " 53 " , " km " ];
aDQ[ 273 ] = [ " 5303 " , " 曲靖 " , " 53 " , " qj " ];
aDQ[ 274 ] = [ " 5304 " , " 玉溪 " , " 53 " , " yx " ];
aDQ[ 275 ] = [ " 5323 " , " 楚雄 " , " 53 " , " cx " ];
aDQ[ 276 ] = [ " 5325 " , " 红河 " , " 53 " , " ynhh " ];
aDQ[ 277 ] = [ " 5326 " , " 文山 " , " 53 " , " ws " ];
aDQ[ 278 ] = [ " 5328 " , " 西双版纳 " , " 53 " , " wsbn " ];
aDQ[ 279 ] = [ " 5329 " , " 大理 " , " 53 " , " yndl " ];
aDQ[ 280 ] = [ " 5331 " , " 德宏 " , " 53 " , " dh " ];
aDQ[ 281 ] = [ " 5333 " , " 怒江 " , " 53 " , " nuj " ];
aDQ[ 282 ] = [ " 5334 " , " 迪庆 " , " 53 " , " yndq " ];
aDQ[ 283 ] = [ " 51010963 " , " 丽江市 " , " 53 " , " ljs " ];
aDQ[ 284 ] = [ " 51012663 " , " 保山 " , " 53 " , "" ];
aDQ[ 285 ] = [ " 5401 " , " 拉萨 " , " 54 " , " wcls " ];
aDQ[ 286 ] = [ " 6101 " , " 西安 " , " 61 " , " wa " ];
aDQ[ 287 ] = [ " 6102 " , " 铜川 " , " 61 " , " tc " ];
aDQ[ 288 ] = [ " 6103 " , " 宝鸡 " , " 61 " , " swbj " ];
aDQ[ 289 ] = [ " 6104 " , " 咸阳 " , " 61 " , " swxy " ];
aDQ[ 290 ] = [ " 6105 " , " 渭南 " , " 61 " , " swwn " ];
aDQ[ 291 ] = [ " 6106 " , " 延安 " , " 61 " , " ya " ];
aDQ[ 292 ] = [ " 6107 " , " 汉中 " , " 61 " , " swhz " ];
aDQ[ 293 ] = [ " 6201 " , " 兰州 " , " 62 " , " gslz " ];
aDQ[ 294 ] = [ " 6202 " , " 嘉峪关 " , " 62 " , " jyg " ];
aDQ[ 295 ] = [ " 6203 " , " 金昌 " , " 62 " , " jc " ];
aDQ[ 296 ] = [ " 6204 " , " 白银 " , " 62 " , " by " ];
aDQ[ 297 ] = [ " 6205 " , " 天水 " , " 62 " , " ts " ];
aDQ[ 298 ] = [ " 6229 " , " 临夏 " , " 62 " , " lx " ];
aDQ[ 299 ] = [ " 6230 " , " 甘南 " , " 62 " , " gn " ];
aDQ[ 300 ] = [ " 6301 " , " 西宁 " , " 63 " , " wn " ];
aDQ[ 301 ] = [ " 6322 " , " 海北 " , " 63 " , " hai " ];
aDQ[ 302 ] = [ " 6323 " , " 黄南 " , " 63 " , " huang " ];
aDQ[ 303 ] = [ " 6325 " , " 海南 " , " 63 " , " qhhn " ];
aDQ[ 304 ] = [ " 6326 " , " 果洛 " , " 63 " , " gl " ];
aDQ[ 305 ] = [ " 6327 " , " 玉树 " , " 63 " , " ys " ];
aDQ[ 306 ] = [ " 6328 " , " 海西 " , " 63 " , " hw " ];
aDQ[ 307 ] = [ " 6401 " , " 银川 " , " 64 " , " yc " ];
aDQ[ 308 ] = [ " 6402 " , " 石嘴山 " , " 64 " , " szs " ];
aDQ[ 309 ] = [ " 6403 " , " 吴忠 " , " 64 " , " wz " ];
aDQ[ 310 ] = [ " 6405 " , " 中卫 " , " 64 " , " zw " ];
aDQ[ 311 ] = [ " 6501 " , " 乌鲁木齐 " , " 65 " , " wlmq " ];
aDQ[ 312 ] = [ " 6502 " , " 克拉玛依 " , " 65 " , " klmy " ];
aDQ[ 313 ] = [ " 6523 " , " 昌吉 " , " 65 " , " cj " ];
aDQ[ 314 ] = [ " 6527 " , " 博尔塔拉 " , " 65 " , " betl " ];
aDQ[ 315 ] = [ " 6528 " , " 巴音郭楞 " , " 65 " , " bygl " ];
aDQ[ 316 ] = [ " 6530 " , " 克孜勒苏柯尔克孜 " , " 65 " , " kzlskekz " ];
aDQ[ 317 ] = [ " 6540 " , " 伊犁 " , " 65 " , " xjyl " ];
aDQ[ 318 ] = [ " 7101 " , " 台北 " , " 71 " , "" ];
aDQ[ 319 ] = [ " 7102 " , " 宜兰 " , " 71 " , "" ];
aDQ[ 320 ] = [ " 7103 " , " 桃园 " , " 71 " , "" ];
aDQ[ 321 ] = [ " 7104 " , " 新竹 " , " 71 " , "" ];
aDQ[ 322 ] = [ " 7105 " , " 苗栗 " , " 71 " , "" ];
aDQ[ 323 ] = [ " 7106 " , " 台中 " , " 71 " , "" ];
aDQ[ 324 ] = [ " 7107 " , " 彰化 " , " 71 " , "" ];
aDQ[ 325 ] = [ " 7108 " , " 南投 " , " 71 " , "" ];
aDQ[ 326 ] = [ " 7109 " , " 云林 " , " 71 " , "" ];
aDQ[ 327 ] = [ " 7110 " , " 嘉义 " , " 71 " , "" ];
aDQ[ 328 ] = [ " 7111 " , " 台南 " , " 71 " , "" ];
aDQ[ 329 ] = [ " 7112 " , " 高雄 " , " 71 " , "" ];
aDQ[ 330 ] = [ " 7113 " , " 屏东 " , " 71 " , "" ];
aDQ[ 331 ] = [ " 7114 " , " 台东 " , " 71 " , "" ];
aDQ[ 332 ] = [ " 7115 " , " 花莲 " , " 71 " , "" ];
aDQ[ 333 ] = [ " 7116 " , " 澎湖 " , " 71 " , "" ];
aDQ[ 334 ] = [ " 7117 " , " 基隆 " , " 71 " , "" ];
aDQ[ 335 ] = [ " 7118 " , " 金门 " , " 71 " , "" ];
aDQ[ 336 ] = [ " 7119 " , " 马祖 " , " 71 " , "" ];
aDQ[ 337 ] = [ " 8101 " , " 新界 " , " 81 " , "" ];
aDQ[ 338 ] = [ " 8102 " , " 香港岛 " , " 81 " , "" ];
aDQ[ 339 ] = [ " 8103 " , " 大屿山 " , " 81 " , "" ];
aDQ[ 340 ] = [ " 8104 " , " 九龙 " , " 81 " , "" ];
aDQ[ 341 ] = [ " 8201 " , " 澳门本岛 " , " 82 " , "" ];
aDQ[ 342 ] = [ " 8202 " , " 凼仔 " , " 82 " , "" ];
aDQ[ 343 ] = [ " 8203 " , " 路环 " , " 82 " , "" ];

// 通过 DOM 创建下拉框
// obj:下拉框的 options 数据集
// id:下拉框的 id
function  CreateDropDownList(obj,id)
... ... {
    var sel=document.getElementById(id);
    sel.options.length=1;   //保存"—请选择—"
    //对于省份、城市常用 Array 存储，对于县、镇则用C#从数据库读取
    if(obj==null)return;
    if(obj instanceof Array)
    ......{
        for(var i=0;i<obj.length;i++)
        ......{
            var op=document.createElement("option");
            op.setAttribute("value",obj[i][0]);
            var txt=document.createTextNode(obj[i][1]);
            op.appendChild(txt);
            sel.appendChild(op);
        }
    }
    else
    ......{
        for(var i=0;i<obj.Rows.length;i++)  //注意这里是 length 不是 Count
        ......{
            var op=document.createElement("option");
            op.setAttribute("value",obj.Rows[i].ID);    //注意区分大小写
            var txt=document.createTextNode(obj.Rows[i].NAME);  //根 DataTable 的列名称要一致
            op.appendChild(txt);
            sel.appendChild(op);
        }
    }
    //绑定下一个下拉框
    switch(id)
    ......{
        case "SF":sel.onchange=function()......{ClearXianZhen();CreateDropDownList(GetArray(this.value),"CS");};break;
        case "CS":sel.onchange=function()......{ClearZhen();CreateDropDownList(Area.GetDataTable(this.value,AreaEnum.Xian).value,"Xian");};break;  //JS 向 C# 传递参数，并取得 C# 的返回值
        case "Xian":sel.onchange=function()......{CreateDropDownList(Area.GetDataTable(this.value,AreaEnum.Zhen).value,"Zhen");};break;   //返回值.value
        default:sel.onchange=function()......{alert(this.value);};break;
    }
}

// 执行入口
var  arr = GetArray( " 0 " );
CreateDropDownList(arr, " SF " );

// 获取要求的数组
// tar=所属的省份ID
function  GetArray(val)
... ... {
    var temp=new Array();
    var j=0;
    for(var i=0;i<aDQ.length;i++)
    ......{
        if(aDQ[i][2].toString()==val)
        ......{
            temp[j]=aDQ[i];
            //temp[j].push(aDQ[i]);
            j++;
        }
    }
    return temp;
}

// 清空"镇"下拉框
function  ClearZhen()
... ... {
    CreateDropDownList(null,"Zhen");
}
// 清空"县"和"镇"下拉框
function  ClearXianZhen()
... ... {
    CreateDropDownList(null,"Xian");
    CreateDropDownList(null,"Zhen");
}

script >

     form >
body >
html >

 

using  System;
using  System.Data;
using  System.Data.OracleClient;

public   partial   class  Area : System.Web.UI.Page
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        //将C#的类和枚举分别注册到JS里
        AjaxPro.Utility.RegisterTypeForAjax(typeof(Area));
        AjaxPro.Utility.RegisterEnumForAjax(typeof(AreaEnum));
    }

    /**//// 

    /// 取得下拉框所需数据
    /// 

    /// 上一级ID
    /// 县/镇
    /// 返回 DataTable
    [AjaxPro.AjaxMethod]
    public DataTable GetDataTable(string UpID, AreaEnum ae)
    ...{
        if (String.IsNullOrEmpty(UpID))
            return null;

        string link = "server=XXX;user=XXX;pwd=XXX;";
        OracleConnection conn = new OracleConnection(link);

        //Oracle 返回的 DataTable 里的列名全是大写，在页面取值时记得大写
        string sql;
        if (Enum.Equals(ae, AreaEnum.Xian))
            sql = "SELECT id,name FROM City WHERE THREEID=0 AND TWOID=" + UpID;
        else
            sql = "SELECT id,name FROM City WHERE THREEID=" + UpID;

        OracleDataAdapter adapter = new OracleDataAdapter(sql, conn);
        DataTable table = new DataTable();
        adapter.Fill(table);
        return table;
    }
}

/**/ /// 

/// 地区枚举
/// 

public   enum  AreaEnum
... {
    /**//// 

    /// 县
    /// 

    Xian,
    /**//// 

    /// 镇
    /// 

    Zhen
}

 到此基本功能实现，还有些功能（通过域名/IP来判断地区并直接绑定，将选择好的地区保存，方便的读/存城市信息以便做成控件 等等）。有空再写完。

记得在 Web.config 的  加入

< httpHandlers >
     < add  verb ="POST,GET"  path ="ajaxpro/*.ashx"  type ="AjaxPro.AjaxHandlerFactory, AjaxPro.2" />
httpHandlers >

你可能感兴趣的:(AJAX)

• 学会这招！用python爬取微博评论（无重复数据） Python白白白白
  python爬取微博评论（无重复数据）前言一、整体思路二、获取微博地址1、获取ajax地址2、解析页面中的微博地址3、获取指定用户微博地址三、获取主评论四、获取子评论1、解析子评论2、获取子评论五、主函数调用1、导入相关库2、主函数执行3、结果写在最后Tip:本文仅供学习与交流，切勿用于非法用途！！！前言前段时间微博上关于某日记的评论出现了严重的两极分化，出于好奇的我想对其中的评论以及相关用户做一
• 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
  前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
• ajax的同源策略 Spring_Bear
  问题之前帮忙做的广告机器人数据提交的部分，利用ajax的XMLHTTPRequest提交到服务器的时候总是报错，错误类型是不同源。想到浏览器中的同源策略，明白了问题的原因。同源策略简单的说，就是浏览器不允许两个不同源的域名之间交换信息，那么这里就有两个问题。一是，什么信息不允许交换；二是，怎样算不同源。阮一峰的这篇博客浏览器同源政策及其规避方法其实已经介绍得比较清楚。引用一下，第一个问题：目前，如
• Mybatis实现员工管理系统 wu1113_ mybatisjavamaven
  文章目录1.案例需求2.编程思路3.案例源码4.小结1.案例需求在上次做的父子模块的maven以及Ajax实现人工管理系统的基础上使用Mybatis实现员工管理系统的增删改查，具体运行效果如下：2.编程思路Mybatis框架的一般执行流程：创建MyBatis配置文件mybatis-config.xml在里面加载数据源、事务等，管理映射文件创建需要的映射文件mapper.xml，用于映射表中列和实体
• java ajax_Java Ajax入门 孤独患喆 javaajax
  接下来整理一下Ajax相关的内容，AJAX(asynchronousjsandxml)，即异步的JavaScript和xml，它的主要作用就是让页面不必等待服务器返回整个页面信息，而可以通过异步的方式给服务器发送数据和获取数据，对页面进行局部刷新，是一种提高用户体验的技术。同步和异步同步和异步的主要区别如下；(1)同步：一个响应结束后才能发送下一个请求，页面在请求期间不能做其他事情。(2)异步：不
• html加载界面发送ajax请求 足球数据分析 htmlajax前端
  html加载界面发送ajax请求makeAjaxRequest();functionmakeAjaxRequest(){varxhr=newXMLHttpRequest();//创建一个新的XMLHttpRequest对象xhr.open('GET','yourUrlPath',true);//配置请求，设置请求类型、URL和是否异步xhr.send();//发送请求}
• ajax 获取一步数据,ajax异步获取数据 可可子姐姐教英语 ajax获取一步数据
  functioncreateXHR(){if(typeofXMLHttpRequest!="undefined"){returnnewXMLHttpRequest();}elseif(typeofActiveXObject!="undefined"){varversion=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"];fo
• 招银网络&大疆&元象一面 Redstone Monstrosity 前端面试
  1.请尽可能详细地说明，XHR、axios和fetch这三者的区别是什么？axios和fetch的底层实现是什么？axios拦截器是什么？axios提供了哪些配置或功能，是fetch和XHR中没有的？你的回答中不要写出示例代码。XHR、axios和fetch的区别XHR(XMLHttpRequest)历史：XHR是最早的AJAX技术，由微软在1999年引入，后来被标准化。兼容性：几乎所有现代浏览器
• ajax讲解 夜不眠，码三千 okhttp
  1.AJAX概述1.1什么是ajaxAJAX（AsynchronousJavascriptAndXML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过
• AJAX异步请求数据 铸键为犁 JavaWebajaxservletjavascript
  文章目录前言一、AJAX是什么？二、使用步骤1.语法格式2.示例2.注意事项总结前言本篇主要介绍怎么使用AJAX向服务器请求数据。一、AJAX是什么？异步请求技术,可以实现页面局部刷新,在不刷新页面的情况下发送请求到后台加载数据,并且展现在前端二、使用步骤1.语法格式代码如下：$.get(url,data,function(data){})发送get请求参数1:url是后台服务器地址参数2:dat
• 解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据 微特尔普拉斯 ajaxjavascriptajax前端javascript
  在当今互联网时代，网页早已不再是静态的信息展示平台，而是充满动态交互的应用体验场。而实现这种流畅交互体验的关键技术之一，便是AJAX（AsynchronousJavaScriptandXML）。它允许网页在后台悄无声息地与服务器交换数据，无需刷新整个页面，便可实现内容的动态更新，为用户带来行云流水般的操作体验。在AJAX出现之前，网页开发采用的是前后端不分离的模式。前端开发者编写好HTML和CSS
• 【前端】Vue服务器端渲染之Nuxt irenb
  1.什么是服务器端渲染后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。总结：数据填充在服务器端进行，就是服务器端渲染什么是客户端渲染数据由浏览器通过ajax动态获得，再通过js将数据填充到dom元素上最终展示到网页中，这样的过程叫做客户端渲染。总结：数据填充在客户端进行，就是客户端渲染服务器端渲染vs客户端渲染服务器端渲染需要消
• 前后端分离，Asp.net core webapi 如何配置跨域 代码掌控者 C#asp.netcore.netcore经验分享c#
  前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建
• vue基本语法 多啦爱梦的梦想 vue
  VUEday01异步函数和回调函数何为异步函数：不会马上执行，需要特定的时机执行的函数，由于是异步的，不会阻塞主线程代码的执行异步函数有哪些：ajax请求，定时器，延时器，文件读取何为回调函数：把一个函数当作参数传递，将来特定的时机调用，这个函数就是回调函数，一般异步操作，都会用到回调函数例如：setTimeout(()=>{console.log(2)},1000)==>定时器里面的打印2不会立
• Python全栈 part02 - 006 Ajax drfung
  JSON定义:JSON(Javascriptobjectnotation,JS对象标记)是一种轻量级的数据交换格式;是基于ECMASCript(w3cjs规范)的一个子集.JS-JSON-Python.pngJSON对象定义需要注意的点属性名必须用"(双引号)不能使用十六进制值不能使用undefined不能使用函数名和日期函数stringify与parse方法JSON.parse()将一个JSON
• AJAX实时表单验证系统 三年九班蓝同学
  本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
• 利用jQuery框架的ajax请求获取json格式的数据 听海边涛声 jqueryajaxjson
  Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
• python中selenium中使用ajax_使用selenium和python捕获AJAX响应 weixin_39946534
  我曾经截获了一些使用selenium向页面注入javascript的ajax调用.历史的不好的一面是,硒有时可能是,说“脆弱”.因此,无论如何我在进行注射时都会遇到硒异常.无论如何,我的想法是拦截XHR调用,并将其响应设置为我创建的一个新的dom元素,我可以从selenium操作.在拦截的条件下,你甚至可以使用发出请求的url来拦截你真正想要的那个(self._url)也许这有帮助.browser
• 前端Axios搭配Vue（认清Axios，Axios结合Vue发出Ajax请求，返回JSON数据案例！简洁易懂。） 酸奶代码 前端vue.jsjavascriptjsonajax
  一.什么是Axios1.axios是独立于vue的一个项目，不是Vue的一部分2.axios通常和Vue一起使用，实现Ajax操作3.Axios是一个基于promise的HTTP库axios官方文档二.引入Axios库文件1.可以直接引用2.可以下载Axios的js文件导入下载此js文件三.使用Axios配合Vue发出Ajax请求案例在Vue中使用Axios，向服务器发送Ajax请求，将获取的js
• java读取MultipartFile文件excel文件内容 八月林城 javaexcel
  java读取MultipartFile文件excel文件内容@PostMapping("/importData")publicAjaxResultimportData(@RequestPart(name="file",value="file")MultipartFilefile)throwsException{ExcelUtilutil=newExcelUtilvehicleModelVos=ne
• 揭秘Nginx架构-10000并发连接背后的秘密 w风雨无阻w Nginxnginx架构运维
  在当今移动互联网时代,网站的高并发、高性能成为了决胜关键。作为一款出色的开源Web服务器,Nginx以其非凡的高并发处理能力成为了架构师的利器。让我们一同揭开Nginx源码的神秘面纱,探索它高效处理海量请求的秘密。一、为何高并发是如此重要?2000年代以来,随着PC、移动设备的普及,互联网用户数激增。网站的并发连接数也随之大幅提高,常见的网站要承载数十万甚至上百万的并发请求。与此同时,Ajax和H
• 瑞吉外卖——购物车（移动端） 小杰不想秃头 瑞吉外卖项目javaajax开发语言
  需求分析移动端用户可以将菜品或套餐加入购物车。对于菜品来说，如果添加了菜品口味信息，则需要选择规格后才能加入购物车；对于套餐来说，可以直接点击加号将当前套餐加入购物车。在购物车中可以修改套餐或菜品的数量，也可以清空购物车。数据模型需要操作shopping_cart表。代码开发前后端交互过程：点击加入购物车或者加号按钮，页面发送ajax请求，将菜品或套餐加入购物车。点击购物车按钮，页面发送ajax请
• jQuery中的ajax通信技术的讲解 盛夏绽放 jqueryajaxokhttp
  jQuery提供了多种方法来处理AJAX请求，这些方法简化了异步请求的创建和处理。以下是一些常用的jQueryAJAX方法及其演示：1.$.ajax()（1）解释这个方法是最基础也是最强大的AJAX方法，它可以接受一个配置对象来构建并发送HTTP请求。（2）示例：这是一个GET请求模版$.ajax({url:'https://api.example.com/data',//请求的URL地址type
• iview前端向后端传数据一直转圈_记一次开发过程当中，iview遇到的一些坑以及解决办法... weixin_39641450
  写在开头：本次项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程当中遇到的问题。前端一、Modal关闭问题vue需求背景：modal框里面是个form表单，点击肯定以后，先验证form表单，验证经过则关闭modal框，验证不成功则提示用户，不关闭。ajax问题描述：原本刚开始想经过modal框v-model绑定的值(true或false)来进行控制，手动改以后，报错。后
• ajax上传文件报错The current request is not a multipart request的解决办法 BigDataGeek ajaxhtmljavawebjquery
  ajax上传文件报错Thecurrentrequestisnotamultipartrequest的解决办法主要报错语句为：Thecurrentrequestisnotamultipartrequestspring在处理入参的时候，遇到MultipartFile相关就会先去校验。（在controller中会用MultipartFile接受参数）1、当在form中提交的信息包含file的时候，必须要
• 18day2018-07-30 杜大个
  常用参数：1、url请求地址2、type请求方式，默认是'GET'，常用的还有'POST'3、dataType设置返回的数据格式，常用的是'json'格式，也可以设置为'html'4、data设置发送给服务器的数据5、success设置请求成功后的回调函数6、error设置请求失败后的回调函数7、async设置是否异步，默认值是'true'，表示异步；ajax,是前端与后台连接的地方；表单文件中g
• 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
  全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
• 前端篇—ajax wolf67 Djangodjangojsajax
  文章目录前言一、基于JS的ajax实现1.1基础1.2完整代码示例1.3应用二、JSON和JSONP2.1什么是JSON2.2JSON语法2.3应用2.4json与django交互2.5json与xml比较三、基于jQuery的ajax实现3.1基础方法3.2快捷方法用法示例四、跨域请求4.1同源机制4.2jsonp的js实现（未完成）4.3jsonp的jQuery实现4.4jsonp的ajax实
• Ajax的简介和使用 m0_72131231 ajax前端
  一、Ajax简介AJAX全称为AsynchronousJavaScriptAndXML，就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。1、XML简介XML可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定
• Ajax 解决回调竞争 wangyue4 ajax前端javascript
  回调的竞争，即多次快速点击同一按钮导致多个异步的AJAX请求同时返回，导致数据更新顺序混乱。这种情况在异步编程中很常见，特别是前端开发时，AJAX请求的回调并不保证按顺序执行。$.ajaxSetup()可以设置全局的beforeSend和complete回调函数，这样每个AJAX请求在发送前和完成后都可以执行相应的逻辑。letisRequestPending=false;$.ajaxSetup({
• 辗转相处求最大公约数 沐刃青蛟 C++漏洞
  无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
• F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
  一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
• Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
  本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
• 初始线程 15700786134
        暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
• Linux的tcpdump 被触发 tcpdump
  用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
• 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
  最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
• 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
  (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
• gradle上传jar到nexus 矮蛋蛋 gradle
  原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
• 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
  从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
• JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
  这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
• MO、MT解读 bijian1013 GSM
  MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
• 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
  下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
• 【Thrift二】Thrift Hello World bit1129 Hello world
  本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
• 【Avro一】Avro入门 bit1129 入门
  本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
• 安装nginx+ngx_lua支持WAF防护功能 ronin47
  需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
• java-5.查找最小的K个元素-使用最大堆 bylijinnan java
  import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
• TCP的TIME-WAIT bylijinnan socket
  原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
• jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
     checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
• Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
  都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
• websocket dalan_123 websocket
  一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
• 菜鸟分析网络执法官 dcj3sjt126com 网络
    最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
• Android相对布局属性全集 dcj3sjt126com android
  RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
• Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
  Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
• Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
  Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
• weblogic创建JMC i5land weblogicjms
  进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
• 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
  上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
• sql添加、删除表中的列 macroli sql
  添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
• PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
  <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
• hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
  一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
• Spring Boot 1.2.4 发布 wiselyman spring boot
  Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.