Question

我在html页面中有一个href，我在javascript文件中的方法中有一个AJAX请求。

当点击href时，我想调用JS函数，我正在处理响应，将其添加到第二个html页面中

function miniReport(){

    alert('TEST');

   var client_account_number = localStorage.getItem("numb");

   var request = $.ajax({
        url: server_url + '/ws_report',
        timeout:30000,
        type: "POST",
        data: {client_language: client_language, PIN_code:pin,client_phone:number}
    });
    request.done(function(msg) {
        //alert(JSON.stringify(msg));

    });
    if (msg.ws_resultat.result_ok==true)
    {
        alert('success!');
        window.open("account_details.html");

    }

    request.error(function(jqXHR, textStatus)
    {
       //MESSAGE
    });

}

我尝试使用<a href="#" onclick="miniReport()"></a>，并编写了$('#idOfHref').click(function(){});无效的函数。

所有我能看到的是警报测试，然后没有任何反应。我在这里查了几篇帖子，但对我来说没什么用。

Answer 1

功能可以更正为，

function miniReport(){
    alert('TEST');    
   var client_account_number = localStorage.getItem("numb");

   $.ajax({
        url: server_url + '/ws_report',
        timeout:30000,
        type: "POST",
        data: {"client_language": client_language, "PIN_code":pin,"client_phone":number},
        success : function(msg) {
        //alert(JSON.stringify(msg));
            if (msg.ws_resultat.result_ok == true)
            {
                alert('success!');
                window.open("account_details.html");    
            }
        },
        error: function(jqXHR, textStatus)
        {
           alert('Error Occured'); //MESSAGE
        }
     }
 });

1。无需为变量分配ajax调用，
2.您的进一步工作应该是AJAX请求的成功部分，如上所示。

Answer 2

使用onclick()是一种不好的做法，所以正确的做法是：

<强> Fiddle

$(document).ready(function(){
   $('#mylink').on('click', function(){
      alert('onclick is working.');
      miniReport(); //Your function 
   });
});

function miniReport(){
     var client_account_number = localStorage.getItem('numb');
     $.ajax({
        url: server_url + '/ws_report',
        timeout:30000,
        type: "POST",
        data: {
            'client_language': client_language, 
            'PIN_code': pin,
            'client_phone': number
       },
        success: function(msg){
            if (msg.ws_resultat.result_ok==true)
            {
                alert('success!');
                window.open("account_details.html");
            }
        },
            error: function(jqXHR, textStatus)
          {
           //Manage your error.   
          }
    });
}

你的ajax请求中也有一些错误。所以我希望它有所帮助。

Answer 3

使用document .ready

修复您的代码版本

    $(document).ready(function(){
    $("#hrefid").click(function(){ // your anchor tag id if not assign any id 

           var client_account_number = localStorage.getItem("numb");
           $.ajax({
            url: server_url + '/ws_report',
            timeout:30000,
            type: "POST",
data:{"client_language":client_language,"PIN_code":pin,"client_phone":number},
            success : function(msg) {

                if (msg.ws_resultat.result_ok == true)
                {
                   window.open("account_details.html");    
                }
                else 
                {
                  alert('some thing went wrong, plz try again');
                }
            }

         }
    });
    });

在href中调用Ajax请求函数

3 个答案: