Maison > Article > interface Web > Exemple simple Ajax (basé sur jQuery)

Exemple simple Ajax (basé sur jQuery)

一个新手original: 2017-09-29 09:49:031124parcourir

<!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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser les cookies avec jQueryArticle suivant：Comment utiliser les cookies avec jQuery

Articles Liés

Voir plus