MUI VUE 获取 .NetMVC Json

前端部分

export default {
  name: 'Login',
   data () {
    return {
    //   todos : [  
        // {id:'1',name:'11',invoice:'111',isdefault:'false'},
        //     {id:'2',name:'22',invoice:'222',isdefault:'true'}
    // ],
    todos:[],
    currentId:'',
    currentDefault:''
    }
 },

 mounted(){
   //此方法直接使用浏览器调试无法跨域,需在HBuilder模拟或者打包成app
   var self=this
   var xhr=new XMLHttpRequest();
     xhr.onreadystatechange=function(){
        switch(xhr.readyState){
            case 4:
            if(xhr.status==200){
        var order=JSON.parse(xhr.responseText);
        self.todos=order.data
            }else{
                alert('获取信息失败!', null, '');
            }
            break;
            default:
            break;
        }
    }
    xhr.open('GET','http://qdbql.oicp.io/test/GetCommonInfo');
    xhr.send();
  }

}

后端部分

  class CommonInfo
        {
            public string id { get; set; }
            public string name { get; set; }
            public string invoice { get; set; }
            public string isdefault { get; set; }
        }
        public JsonResult GetCommonInfo()
        {
            List result = new List
            {
              new CommonInfo  { id = "1", name = "姓名1", invoice = "发票1", isdefault = "false" },
              new CommonInfo  { id = "2", name = "姓名2", invoice = "发票2", isdefault = "true" },
              new CommonInfo  { id = "3", name = "姓名3", invoice = "发票3", isdefault = "false" }
            };
            return Json(new { result = true, data = result }, JsonRequestBehavior.AllowGet);
        }

你可能感兴趣的:(Vue)