Se supone que cada uno de ellos muestra un valor de la base de datos cuando se carga la página. Así que escribí tres $(document).ready(function) con tres entradas para el valor del controlador GET . Sé que se ejecutan en paralelo, tal vez sea bueno, pero quiero ver si escribí solo una función (diseñarla Lineal) con un valor de entrada para pasar al método GET , obtengo un mayor rendimiento o no.
Cambio el código a continuación:
$(document).ready(function () { $.ajax({ url: '/Home/GetData', data: { id: 1 }, type: 'GET', contentType: 'application/json; charset=utf-8', success: function (result) { $('#result1').html(result); } }); });a
function bringData(statusId) { $.ajax({ url: '/Home/GetData', data: { id: statusId }, type: 'GET', contentType: 'application/json; charset=utf-8', success: function (result) { $('#result1').html(result); } }); }; y en mi opinión uso onload="bringData(0)" como abajo:
<div class="inner"> <h3 ><span id="result1" onload="bringData(0)"></span><sup style="font-size: 20px"></sup></h3> <p>Commited Orders</p> </div>pero cuando ejecuto el código no muestra el valor?
onload no es un atributo global, no puede simplemente pegarlo en cualquier elemento y esperar que funcione.
Lo que debería haber hecho fue llamar a bringData desde la función lista:
$(document).ready(function () { bringData(0); }); function bringData(statusId) { $.ajax({ url: '/Home/GetData', data: { id: statusId }, type: 'GET', contentType: 'application/json; charset=utf-8', success: function (result) { $('#result1').html(result); } }); }; Si insiste en usar un atributo onload , entonces debería estar en la etiqueta <body>
<body onload="bringData(0)"> ... </body>