数据交互 ajax 初始化省

Posted Mr Zhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数据交互 ajax 初始化省相关的知识,希望对你有一定的参考价值。

 1 //初始化省
 2 function initProvince() {
 3     if( areaLvel == 0 ) {
 4         return;
 5     }
 6     // 清空option
 7     $("#select_province").html(‘‘);
 8     
 9     $.ajax({
10         type: ‘GET‘,
11         url: ‘/path/to/file‘,
12         dataType: ‘json‘,
13         contentType: "application/json;charset=‘UTF-8‘",
14         data: {
15             areaLvel: areaLvel 
16         },
17         cache: false,
18         success: function (data) {
19             if( data.code == 0 ){
20                 // 系统异常
21                 
22             } else if (data.code == 1) {
23                 // 添加option
24                 $("#select_province").append($("<option/>").val(0).text("请选择省市"));
25                 if( data.data != null ) {
26                     $.each(function(i, item) {
27                         $("#select_city").append($("<option/>").val(item.code).text(item.name));
28 
29                     });
30                 }
31             } else if (data.code == -1) {
32                 // 未登录
33                 index();
34             } 
35         } // success end
36 
37     }) // ajax end
38 }
 

  

以上是关于数据交互 ajax 初始化省的主要内容,如果未能解决你的问题,请参考以下文章

Thymeleaf - 如何交互和重新加载 Javascript?

几个非常实用的JQuery代码片段

数据交互 ajax代码整理

十条jQuery代码片段助力Web开发效率提升

Ajax 是什么?Ajax 的交互模型?同步和异步的区别?如何解决跨域问题

十条jQuery代码片段助力Web开发效率提升