Question

我正在尝试在ASP.NET中创建一个调用ajax函数并返回另一个ASP.NET的按钮，并使用方法在我的数据库中进行搜索。当我点击按钮ajax函数它没有触发，什么都不做。这个Ajax将采取用户将数字的东西，如ZIP代码，并将在我的数据库中搜索。

var cepjs = $('#MainContent_cepBrasil').val();
        alert(cepjs);
        $('#ButtonCEP').click(function () {
             alert('cliquei');
             $.ajax({
                type: "POST",
                url: "CEP.aspx/Consulta_CEP",
                data: JSON.stringify({ scep: cepjs}),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    $('#MainContent_cepBrasil') = result.CEEP.localCEP;
                    $('#MainContent_ufEnderecoBrasil') = result.CEEP.localUF;
                    $('#MainContent_codMunicipioEnderecoBrasil') = result.CEEP.localMunicipio;
                    $('#MainContent_tpLogradouro') = result.CEEP.localTpLog;
                    $('#MainContent_descLogradouroBrasil') = result.CEEP.localLogradouro;
                    $('#MainContent_complementoBrasil') = result.CEEP.localComplemento;
                    $('#MainContent_bairroBrasil') = result.CEEP.localBairro;

                }
            });
        });

<div class="form-group">
<!--<input     Type="button" ID="ButtonCEP" name="btnConsultar_CEP" Class="btn btn-primary btn-sm" value="Consultar" />-->
<button id="ButtonCEP">Consultar</button>
</div>

我尝试在ajax中执行所有操作，甚至将click.function更改为on（'click'，function（）），但也没有工作，我尝试在按钮中使用一些不同的表单样式，带按钮和输入类型按钮。

任何人都可以帮助我，我会很感激。谢谢

Answer 1

你可以尝试在DOM准备就绪后调用该函数吗

$（document）.ready（function（）{

//

}）;

Answer 2

这里有2个错误，你不包括jquery源文件，而不是等待文档准备就绪

＆＃13;

$( document ).ready(function() {
    console.log( "ready!" );
    var cepjs = $('#MainContent_cepBrasil').val();
    alert(cepjs);
    $('#ButtonCEP').click(function () {
             alert('cliquei');
             $.ajax({
                type: "POST",
                url: "CEP.aspx/Consulta_CEP",
                data: JSON.stringify({ scep: cepjs}),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    $('#MainContent_cepBrasil') = result.CEEP.localCEP;
                    $('#MainContent_ufEnderecoBrasil') = result.CEEP.localUF;
                    $('#MainContent_codMunicipioEnderecoBrasil') = result.CEEP.localMunicipio;
                    $('#MainContent_tpLogradouro') = result.CEEP.localTpLog;
                    $('#MainContent_descLogradouroBrasil') = result.CEEP.localLogradouro;
                    $('#MainContent_complementoBrasil') = result.CEEP.localComplemento;
                    $('#MainContent_bairroBrasil') = result.CEEP.localBairro;

                }
            });
        });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<!--<input     Type="button" ID="ButtonCEP" name="btnConsultar_CEP" Class="btn btn-primary btn-sm" value="Consultar" />-->
<button id="ButtonCEP">Consultar</button>
</div>

＆＃13;

Answer 3

谢谢大家，我已经得到了解决方案，我将.ready函数调用到另一个.ready函数中，这就是问题，我只是不知道为什么，但是我把这个函数放在了代码的开头，它的工作原理。谢谢你的帮助。

带ajax的Asp.net按钮不起作用

3 个答案: