首页 >web前端 >js教程 >Ajax简单实例（基于jQuery）

Ajax简单实例（基于jQuery）

一个新手原创: 2017-09-29 09:49:031150浏览

<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8"/>
    <title></title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#cmbProvince").on("change", function () {                
            var selectIndex = $(&#39;#cmbProvince option:selected&#39;).val();//选中的值
                  var name = $(&#39;#cmbProvince option:selected&#39;).text();//选中的值                
                  console.info(selectIndex);                
                  var provice = {
                    id: selectIndex,
                    name: name
                }˙
                $.ajax({
                    url: "http://localhost:8080/Ajax/linkage",
                    data: JSON.stringify(provice),
                    type: "POST",
                    dataType: "json",
                    success: function (data) {
                        console.info(data);                        
                        var size = data.length;                        
                        var optionstring = "";                        
                        for (var i = 0; i < size; i++) {                            
                        var item = data[i];
                            optionstring += "<option value=&#39;" + item.id + "&#39; >" + item.name + "</option>";
                        }
                        $("#cmbCity").html(optionstring);
                    },
                    error: function (e) {
                        alert("请求处理出错");
                    }
                });
            });
        });    </script></head><body><select id="cmbProvince" name="cmbProvince">
    <option value="0">请选择省份</option>
    <option value="1">江苏省</option>
    <option value="2">山东省</option></select><select id="cmbCity" name="cmbCity">
    <option value="0">请选择城市</option></select></body></html>

以上是Ajax简单实例（基于jQuery）的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：jQuery的Cookie使用方法下一篇：replace函数替换单个和全局的使用方法

查看更多