在单击事件而不是document.ready上调用Ajax

时间:2014-06-02 17:56:35

标签: javascript jquery ajax

我对document.ready函数进行了Ajax调用,如下所示

$(document).ready(function(){

        function AjaxCall(HandleData) {
       return $.ajax({
        url: "/ajax_up/",
            type: 'GET',
            dataType: "json",
            success:function(data)
            {
              HandleData(data);
            }

    });
}
      AjaxCall(function(output){

        data = JSON.stringify(output);

我想在div的click函数中调用它,以便在我点击它而不是在document.ready上调用时对服务器进行Ajax调用。 我该怎么做? 我想在这里称呼它

 $(".reply").click(function (){

我试图把它放在里面,如下面

$(".reply").ready(function(){

            function AjaxCall(HandleData) {
           return $.ajax({
            url: "/ajax_up/",
                type: 'GET',
                dataType: "json",
                success:function(data)
                {
                  HandleData(data);
                }

        });
    }
          AjaxCall(function(output){

            data = JSON.stringify(output);

由于

1 个答案:

答案 0 :(得分:2)

$(document).ready(function(){
    $(".reply").on("click", function() {
        AjaxCall(function(output){
            data = JSON.stringify(output);
        }
    });
    function AjaxCall(HandleData) {
        return $.ajax({
        url: "/ajax_up/",
            type: 'GET',
            dataType: "json",
            success:function(data)
            {
                HandleData(data);
            }
        });
    }
});

您正在调用ready()类上的.reply方法,只需保留文档就绪处理程序,并指定单击方法(我使用on()只是偏好)到.reply,并在所述点击处理程序内调用AjaxCall方法。