jQuery Ajax 省市聯動是一種非常常用的技術,它能夠實現省和市的聯動效果,使得用戶可以更加便捷地進行信息的查詢和選擇。下面是一個簡單的實現示例:
//獲取省份列表 $.ajax({ url: '省份列表接口地址', type: 'GET', dataType: 'json', success: function(data) { //將省份列表添加到下拉框中 for (var i = 0; i< data.length; i++) { $('#province').append(''); } } }); //當省份下拉框改變時,獲取對應的城市列表 $('#province').change(function() { var provinceId = $(this).val(); $.ajax({ url: '城市列表接口地址', type: 'GET', data: {provinceId: provinceId}, dataType: 'json', success: function(data) { //將城市列表添加到下拉框中 $('#city').empty(); //先清空下拉框 for (var i = 0; i< data.length; i++) { $('#city').append(''); } } }); });
在上面的代碼中,我們首先通過Ajax獲取省份列表,然后將其添加到相應的下拉框中。當省份下拉框改變時,我們再次通過Ajax從服務器獲取對應的城市列表,并將其添加到相應的下拉框中。
通過上述代碼,我們成功地實現了省市聯動效果,讓用戶可以方便地進行信息選擇和查詢。