如何在页面加载方法中调用Javascript函数?

时间:2013-10-23 11:36:32

标签: javascript asp.net

我正在使用货币转换器Web服务,我编写了一个Javascript来显示按钮点击的结果。我希望javascript在页面加载时触发。我试过这个

protected void Page_Load(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(Page, this.GetType(), "Javascript", "function(data);", true);
}

但是功能仍然不会触发。 这是我正在使用的JS。

<script type="text/javascript">
    $(function () {
        $('#btnConvert').click(function () {
            var amount = $('#txtAmount').val();
            var from = $('#ddlfrom').val();
            var to = $('#ddlto').val();
            $.ajax({ type: "POST",
                url: "WebService.asmx/CurrencyConversion",
                data: "{amount:" + amount + ",fromCurrency:'" + from + "',toCurrency:'" + to + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var dot = data.d.indexOf(".");
                    var eg = data.d.substring(0, dot + 2);
                    var eg1 =data.d.substring(11, 50);
                                        $('#currency_converter_result').html(eg + eg1);
              }
            });
        });
    });
</script>

4 个答案:

答案 0 :(得分:0)

它应该可以工作,但你发送的是JS function();,这意味着什么都没有。

$(function(){});只是$(document).ready(function(){});

的别名

source

答案 1 :(得分:0)

您无需在代码中执行任何操作

$(function () { });

相当于

$( document ).ready(function() { });

因此,当加载页面时,$(function() { });内的任何内容都会被自动调用

答案 2 :(得分:0)

如果我理解您的问题,您希望点击事件在加载时触发。您不需要页面加载部分。只需将click()添加到绑定中即可。

<script type="text/javascript">
    $(function () {
        $('#btnConvert').click(function () {
            var amount = $('#txtAmount').val();
            var from = $('#ddlfrom').val();
            var to = $('#ddlto').val();
            $.ajax({ type: "POST",
                url: "WebService.asmx/CurrencyConversion",
                data: "{amount:" + amount + ",fromCurrency:'" + from + "',toCurrency:'" + to + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var dot = data.d.indexOf(".");
                    var eg = data.d.substring(0, dot + 2);
                    var eg1 =data.d.substring(11, 50);
                                        $('#currency_converter_result').html(eg + eg1);
              }
            });
        }).click();
    });
</script>

答案 3 :(得分:0)

  $( document ).ready(function() {
 $('#btnConvert').click(function () {
// paste the other code

});});

您不需要使用任何从后面的代码调用的js