如何在页面加载运行的jquery脚本之后运行C#代码?

时间:2012-08-30 17:37:48

标签: c# javascript jquery

我有一个网页,一旦页面准备好就加载并运行jquery,如下所示:

$(document).ready(function () {
        navigator.geolocation.getCurrentPosition(showPosition, positionError);

        function showPosition(position) {
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;
            document.getElementById('div_latitude').innerHTML = latitude;
            document.getElementById('div_longitude').innerHTML = longitude;
        }

        function positionError(position) {
            alert("Error: " + position.code);
        }
    });

在我为div_latitude和div_longitude指定了值之后,我想运行将自动使用此信息的代码。如何确保第二段代码在jquery之后运行?

3 个答案:

答案 0 :(得分:4)

您必须对服务器进行AJAX调用。

答案 1 :(得分:1)

您可能希望将jquery中的状态检查为“完成”,并且可以对要执行的C#代码进行AJAX调用。

答案 2 :(得分:1)

您必须进行ajax调用以与服务器端代码进行通信,以便在加载jQuery之后传递所需的值。

代码如下。 $(document).ready(function(){         navigator.geolocation.getCurrentPosition(showPosition,positionError);

    function showPosition(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        document.getElementById('div_latitude').innerHTML = latitude;
        document.getElementById('div_longitude').innerHTML = longitude;
    }

    function positionError(position) {
        alert("Error: " + position.code);
    }
     makeAjaxCall();

});
  function makeAjaxCall()
   {
     $.ajax({
          type: "POST",
          url: "PageName.aspx/MethodName",
          data: "{}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(msg) {
          // Ajax Call Successfull.
           }
       });
    }