数据交互 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 }

  

时间: 2024-10-13 09:24:04

数据交互 ajax 初始化省的相关文章

【JS数据交互-Ajax相关知识(一)】

JQuery提供的Ajax方法: $.ajax({ url: , type: '', dataType: '', data: { }, success: function(){ }, error: function(){ } }) 原生js实现Ajax方法: var Ajax={ get: function(url, fn) { var obj = new XMLHttpRequest(); // XMLHttpRequest对象用于在后台与服务器交换数据 obj.open('GET', url

数据交互 ajax代码整理

修改状态 /*用户提现*/ function extract(){ var myUserID=""; myUserID=uidList.substr(0,uidList.length-1); console.log(myUserID); var myData = { gainIdStr:myUserID, userId:userId//用户ID }; $.ajax({ url:Constants.hostIp+"/XXX", type: "post&quo

数据交互 - Ajax初体验

2016-10-22 12:22:42 相关概念 AJAX(Asynchronous Javascript And XML)即"异步JavaScript和XML": 是指一种实现客户端和服务器的数据传递的网页开发技术: 核心:局部刷新,异步加载: 即"在不需要刷新页面的情况下,就可以与Web服务器交换数据,产生局部刷新的效果". 基础步骤 第一步 :先创建AJAX对象 1 /*兼容处理*/ 2 var xhr; //声明AJAX对象变量 3 if(window.XM

AJAX+REA实现前后台数据交互的加密解密

AJAX+REA实现前后台数据交互的加密解密 1.创建js文件Encryption.js /**  * 加密解密  */ /** RSA加密用 生成key */ function bodyRSA(){ /** 1024位的key参数写130,2014位的key参数写260 */ setMaxDigits(130); /** ajax 调用后台方法,取回公钥 */ var keyR ;     $.ajax({      url: "/GHGL/Key/pk",//请求后台的url,本例

ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据的传递

前言 最近公司项目进行架构调整,由原来的三层架构改进升级到微服务架构(准确的说是服务化,还没完全做到微的程度,颗粒度没那么细),遵循RESTFull规范,使前后端完全分离,实现大前端思想.由于是初次尝试,中途也遇到了不少问题.今天就来讨论一下其中之一的问题,WebAPI与前端Ajax 进行跨域数据交互时,由于都在不同的二级域名下(一级域名相同),导致Cookies数据无法获取. 最开始通过头部(Header)将Cookies传输到其WebAPI,也能解决问题. 下面讲述另外一种解决方案. 解决过

使用Jquery.AJAX方法和PHP后台数据交互小结

使用jQuery的AJAX方法和后台PHP进行数据交互,交互采用的数据格式JSON格式. 我主要小小的总结了一下,我使用AJAX方法时候遇到一些小小的问题. 第一:在传递数据的时候,传输地址注意是否正确. 第二:在传输数据时,传输的数据格式是否正确. 第三:我遇到过 200 但是执行的是AJAX方法的错误方法,我总结了一下,一般都是PHP的数据格式不正确,所以,当遇到200 error时候,应该认真,仔细的检查PHP传输的数据格式是否争取,由于JSON的特性,所以,使用JSON的时候对数据格式规

ASP.Net中关于WebAPI与Ajax进行跨域数据交互时Cookies数据的传递

本文主要介绍了ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据传递的相关知识.具有很好的参考价值.下面跟着小编一起来看下吧 前言 最近公司项目进行架构调整,由原来的三层架构改进升级到微服务架构(准确的说是服务化,还没完全做到微的程度,颗粒度没那么细),遵循RESTFull规范,使前后端完全分离,实现大前端思想.由于是初次尝试,中途也遇到了不少问题.今天就来讨论一下其中之一的问题,WebAPI与前端Ajax 进行跨域数据交互时,由于都在不同的二级域名下(一级域名相同),导

关于AJAX+HTML5+ASHX进行全静态页面的数据交互

及时总结项目中使用到的知识,知识在于积累. 1.HTML代码 <!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> <

jQuery Ajax 前端和后端数据交互的问题

原理:前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收1)提交表单数据2)提交JSON数据 后端的数据接收与响应1)接收GET请求数据2)接收POST请求数据3)响应请求 1.提交表单数据 1)GET请求 1 var data = { 2 "name": "test", 3 "age": 1 4 }; 5 $.ajax({ 6 type: 'GET', 7 url: