Vue call WebService and API

<script src="~/Scripts/vue.js" ></script >
<table>
    <tr v-for="log in log">
        <td>
            
        </td>
    </tr>
</table>

<script type="text/javascript">
    new Vue({
        el: 'table',        
        data: {
            log:[]
        },
        created :function() {
            //fetch("http://localhost:58513/api/decheng/")
            //fetch("http://api.myjson.com/bins/74l63")
            fetch("http://localhost:55289/RoleWebService.asmx/GetRolesAll", {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                }
            })
            //fetch("http://localhost:55289/RoleWebService.asmx/GetRole", {
            //    method: 'POST',
            //    headers: {
            //        'Content-Type': 'application/json',
            //    },
            //    body: '{Id:1}'
            //})
            .then(m=> m.json())
            .then(json=> { this.log = json.d; });
        }
    });
</script>

 

Guess you like

Origin www.cnblogs.com/superfeeling/p/12596025.html